在布局時，有時會遇到以下問題：

<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 。