关于overflow:hidden的作用
一、溢出隐藏
给一个元素中设置overflow:hidden,那么该元素的内容若超出了给定的宽度和高度属性,那么超出的部分将会被隐藏、不占位
二、清除浮动
一般来说,父级元素不设置高度时,高度随内容增加自适应高度。当父级元素内部的子元素全部都设置浮动float之后,子元素会脱离标准流,不占位,父级元素检测不到子元素的高度,父级元素高度为0
当给父级元素添加overflow:hidden后 则不会出现这种情况
三、解决外边距塌陷
父级元素内部有子元素,如果给子元素添加margin-top样式,那么父级元素也会跟着下来,造成外边距塌陷
给父元素加个overflow:hidden即可解决