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 是必须的，但其值可以为空 

上一个：CSS规则层叠时的优先级算法
下一个：网页中经常用到的Metas, Links and DocTypes集合