overflow: hidden;属性

该属性有三种作用：

1. 隐藏超出元素范围的内容

   对于HTML的标签而言，如果标签的内容超出了标签的范围，仍然会显示出来。如图：
   
   如果想让超出范围的内容不显示出来，只需要给这个盒子添加一个CSS属性：

   overflow: hidden;

   效果如图：
   

2. 清除浮动

   清除浮动六种方式（详见相关博客）中最常用的一种。很简单，只需要在第一个盒子里添加这一属性就可以了。

3. 顶部重叠的两个盒子内盒子margin-top属性失效时使其有效

   同样很简单，只需要给外盒子添加这个属性即可。