详解overflow:hidden

overflow:hidden 常有两个作用：
1、清除浮动
2、隐藏溢出

一、清除浮动

当父元素的内容原本由子元素撑开时（也就是父元素没有定义高度值），如果定义子元素浮动，子元素就脱离了文档流，不再占据空间，这时父元素就会收缩。如何让父元素像原来那样被子元素撑开呢？

为父元素添加overflow:hidden

相当于清除了子元素的浮动，就像子元素没有浮动，仍占据文档流一样！

二、隐藏溢出

当父元素设置了高度值，如果子元素的高度值比父元素的大，想要隐藏子元素多出来的部分，就为父元素设置overflow:hidden。这样就隐藏子元素的溢出部分啦。