overflow 清除浮动

对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后就发现，可以正常显示了。

具体解释找了两篇文章，大家可以看看

1、全面阐述overflow:hidden属性

2、overflowhidden用法思考