本质是溢出隐藏,还可以用来解决高度塌陷。
给定父子两个div,父级div自适应宽高,子div宽高为300px,若不给子div浮动,则父级div会被子元素撑开,如果给了子div一个浮动,那么父级元素会因为没有高度支撑而产生高度塌陷,此时就可以给父元素添加一个overflow为hidden,产生一个BFC空间,解决父元素高度塌陷的问题。
原理是overflow:hidden会让浮动的元素参与高度的运算。
overflow:hidden还可以解决边距重合的问题:div1给定margin-bottom为20px,div2给定margin-top为50px,那么二者之间的实际距离只有50px,因为边距重合了,那么如何解决呢?可以将其中一个div再进行嵌套一个div,给定这个嵌套div一个overflow:hidden,就可以解决边距重合的问题。