CSS浮动清除帮助

Question

我正在开发一个新的网站，似乎我错过了一些显而易见的东西。我有一个居中的包装器div，里面有一个左右列。右列由三个“主”div组成（#mainTop #main #mainBottom），所有div都向右浮动。左列是一个较小的侧边栏（#sidebar）向左浮动。

如果您查看测试网站：http://puresas.ebridgesites.com/，您会看到左侧边栏正在清除右侧浮动的div，我无法找出原因。

Answer 1

您可以在HTML中将#sideBar移至#mainTop之前修复此问题。

Live Demo
（感谢<base href="http://puresas.ebridgesites.com/" />）

正在加载您的资源

Answer 2

尝试将侧边栏放在<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>