css別忘記清除浮動clear:both

用空標籤清除
.clr {clear: both;}

<div id="layout">
<div id="left">Left</div>
<div id="right">Right</div>
<p class="clr"></p>
</div>
使用 overflow 屬性
#layout {overflow:auto; zoom:1;}

<div id="layout">
<div id="left">Left</div>
<div id="right">Right</div>
</div>
使用 :after （非 IE 瀏覽器）
#layout:after{
display: block;
clear: both; content: "";
visibility:hidden; height: 0;
}

<div id="layout">
<div id="left">Left</div>
<div id="right">Right</div>

</div>註：使用 :after 需要注意幾點，設定高度為零（height: 0;）；content 是必須的，但其值可以為空白