如果我们为子元素容器设置了左浮动的属性，父元素只设置宽度而高度未设置，火狐、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}
实际上我们想要的效果
