CSS浮动清除帮助

我正在开发一个新的网站，似乎我失去了一些应该是显而易见的东西。我有一个居中包装div，里面有一个左列和右列。右列由三个“主”div（#mainTop #main #mainBottom）组成，全部右移。左栏是一个较小的侧边栏div（#sidebar）向左漂浮。CSS浮动清除帮助

如果你看看测试网站：http://puresas.ebridgesites.com/你会看到左侧边栏正在清除右侧的浮动div，我不知道为什么。

2011-02-25 Ben

有没有人有一个建议，不需要我移动侧边栏内容以上的主要内容？从CSS看来，它应该可以正常工作，但它显然不适用。我在寻找为什么它没有。 – Ben 2011-02-25 16:22:25

您可以通过在您的HTML中将#sideBar移动到#mainTop之前解决此问题。

Live Demo
（你的资产被装入感谢<base href="http://puresas.ebridgesites.com/" />）

2011-02-25 16:11:26 thirtydot

我真的很想知道为什么它没有按照我的方式工作，但考虑更多，我认为将左栏放在右侧会更有意义，因为这是我的主要元素，与标志和主导航。谢谢。 – Ben 2011-02-25 16:29:29

尝试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>

2011-02-25 16:14:42 Chin

回答