1
왼쪽에 부동 메뉴가있는 기본 Sharepoint 2013 마스터 페이지가 있습니다. 문제는 콘텐츠 영역에서 부동 항목을 사용할 수 없다는 것입니다. 단순화 된 레이아웃 발췌은 다음과 같습니다플로팅 메뉴 콘텐츠 높이
<style>
.leftMenu{height: 400px;width: 200px;float:left;border: 1px solid Red;}
.content{border: 1px solid Blue;margin-left: 200px}
.floatingItem{float:left;border: 1px solid Green;margin-left: 10px;}
</style>
<div class="leftMenu">LeftMenu</div>
<div class="content">
<div class="floatingItem">floatLeft</div>
<div class="floatingItem">floatLeft</div>
<div class="floatingItem">floatLeft</div>
<div class="floatingItem">floatLeft</div>
<div style="clear:both"></div>
I want to appear just bellow floating items
</div>
내가 100 % 폭으로 템플릿을해야합니다. 콘텐츠 블록에 부동 항목을 넣지 않으면 템플릿이 올바르게 동작합니다. 그런 다음 예기치 않은 동작이 발생합니다. 즉, 지우기 div와 모든 내용이 왼쪽 메뉴의 맨 아래 줄 아래에 나타납니다.
콘텐츠 블록을 정상적으로 작동하게 할 수 있습니까? 콘텐츠 블록 높이가 두 줄 이상의 높이가되지 않을 것으로 예상합니다. ~ 30px. BTW, 나는 JavaScript 트릭을 사용하지 않고 그것을 해결하고 싶다.