overflow:hidden的作用

1.css超出隐藏

overflow: hidden;      /*溢出隐藏*/
white-space: nowrap;    /*文本不换行*/
text-overflow: ellipsis;    /*当文本溢出时显示省略标记（...）*/

2.overflow:hidden 清除浮动

父级元素不设置高度时，高度由随内容增加自适应高度。当父级元素内部的子元素设置float之后，子元素会不占位，父级元素检测不到子元素的高度，父级元素高度为0

需要给父级加个overflow:hidden属性，为了兼容低版本的IE，最好加上zoom:1

3.overflow:hidden 解决外边距塌陷