对overflow的理解还停留在“规定当内容溢出元素框时发生的事情”,这种简单的认识上,今天发现overflow还可以清除浮动。
<style> .outside{ height:auto;
width:100px; } .inside{ height:30px;
float:left;
} </style> <div class="outside"> <div class="inside"></div> </div>
如何这样写的话,我们会发现内层div并没有把外层div撑开,类似这样
但是我们给outside div添加 overflow:hidden后就发现,可以正常显示了。
具体解释找了两篇文章,大家可以看看