如果我們?yōu)樽釉厝萜髟O(shè)置了左浮動(dòng)的屬性灸促，父元素只設(shè)置寬度而高度未設(shè)置瓦侮，火狐、chrome意述、IE8+瀏覽器下則會(huì)出現(xiàn)問(wèn)題提佣。
<style type="text/css">
.content{ border:10px solid #F00;width:150px; overflow:auto; zoom:1}
.text{ width:100px; height:100px; background:#000; float:left;}
</style>
<div class="content">
<div class="text"></div>
</div>
效果圖：
不增加此css的實(shí)際圖
解決辦法：
給父元素加上overflow:auto;zoom:1即可解決，其作用是清楚子元素的浮動(dòng)荤崇。
.content{ border:10px solid #F00;width:150px;overflow:auto;zoom:1}
實(shí)際上我們想要的效果
