2011-02-25 130 views
0

我正在開發一個新的網站,似乎我失去了一些應該是顯而易見的東西。我有一個居中包裝div,裏面有一個左列和右列。右列由三個「主」div(#mainTop #main #mainBottom)組成,全部右移。左欄是一個較小的側邊欄div(#sidebar)向左漂浮。CSS浮動清除幫助

如果你看看測試網站:http://puresas.ebridgesites.com/你會看到左側邊欄正在清除右側的浮動div,我不知道爲什麼。

+0

有沒有人有一個建議,不需要我移動側邊欄內容以上的主要內容?從CSS看來,它應該可以正常工作,但它顯然不適用。我在尋找爲什麼它沒有。 – Ben 2011-02-25 16:22:25

回答

2

您可以通過在您的HTML中將#sideBar移動到#mainTop之前解決此問題。

Live Demo
(你的資產被裝入感謝<base href="http://puresas.ebridgesites.com/" />

+0

我真的很想知道爲什麼它沒有按照我的方式工作,但考慮更多,我認爲將左欄放在右側會更有意義,因爲這是我的主要元素,與標誌和主導航。謝謝。 – Ben 2011-02-25 16:29:29

0

嘗試puting的<div id="mainTop"></div><div id="main"></div>之間的側欄。所以它看起來像下面

<div id="wrap"> 
    <div id="mainTop"></div> 
    <div id="sidebar"></div> 
    <div id="main"></div> 
    <div id="mainBottom"></div> 
</div>