如果我們為子元素容器設置了左浮動的屬性，父元素只設置寬度而高度未設置，火狐、chrome、IE8+瀏覽器下則會出現問題。
<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的實際圖
解決辦法：
給父元素加上overflow:auto;zoom:1即可解決，其作用是清楚子元素的浮動。
.content{ border:10px solid #F00;width:150px;overflow:auto;zoom:1}
實際上我們想要的效果
