在布局时，有时会遇到以下问题：

<div id="mainBox">
      <div id="leftbox"></div>
      </div id="rightbox"></div>
</div>

         一个大的DIV（代码中的“mainBox”）里，嵌套两个小Div，其中第一个float:left，第二个float:right，结果发现，原来大的DIV的背景色没有了，其实是内容为空所致，因为内部的这两个小div都浮动到了MainBox的上层（z-index）。

      解决办法很简单，给mainBox也加上一个  float: left 。