我有以下的html代碼。我需要做的是將wuiInPageNav分成兩部分。 LeftArea和wuiMainPageNav,他們需要一直並肩。 LeftAre div將保存我的jstree節點,wauiMainPageNave div將保存我的圖表和數據等。當我執行以下操作時,左移左側,wuiMainPageNav移至右側。但是,當我調整瀏覽器窗口的大小時,wuiMainPageNave會下降到最低點。我如何確保LeftArea始終位於左側,wuiMainPageName始終位於右側,瀏覽器窗口的大小和大小?在這裏丟失。有任何想法嗎?將頁面劃分爲兩部分
div id="wuiLeftArea">
<div id="wuiLefthandNavRoot">
<h2 class="wui-hidden">Section Navigation</h2>
<h3 class="wui-navigation-title">Applicaion</h3>
<div id=tree></div>
</div>
</div>
<div id=wuiMainArea>
<div id=wuiMainContent>
<div id=wuiInpageNav>
<div id="top_chart" class="center"> </div>
</div>
</div>
</div>
CSS:
#wuiInpageNav {left:300px; float:right; width:1200px !important; overflow:hidden; }
div#wuiLeftArea{
float: left;
width: 16.25em;
background-color: #f2f4f5;
padding-top: .5833em;
position: relative;
}
看來看去爲「2列布局」,你會發現你的答案 – DACrosby 2013-02-28 19:48:52
此外,您的內嵌樣式無效。 'left'上的樣式不應該有逗號,'main'上的'float'必須設置爲「左」或「右」 - 而不是「左上」。 – DACrosby 2013-02-28 19:53:31