在布局時(shí)，有時(shí)會(huì)遇到以下問(wèn)題：

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

         一個(gè)大的DIV（代碼中的“mainBox”）里，嵌套兩個(gè)小Div，其中第一個(gè)float:left，第二個(gè)float:right，結(jié)果發(fā)現(xiàn)，原來(lái)大的DIV的背景色沒(méi)有了，其實(shí)是內(nèi)容為空所致，因?yàn)閮?nèi)部的這兩個(gè)小div都浮動(dòng)到了MainBox的上層（z-index）。

      解決辦法很簡(jiǎn)單，給mainBox也加上一個(gè)  float: left 。