用浏览器调试时发现父div显示height为0,明明子div有好多个,而且都有内容的呀!
经过测试,发现是因为所有子div都设置了浮动的原因
解决方法:
在所有子div后再加一个子div,什么都不用写就可以了,会负责把爸爸撑大的!
如:
<div class="father">
<div class="son"></div>
<div class="son"></div>
<!--额外加一个div-->
<div></div>
</div>
.son{
float: left
}