overflow是什么？
本质是溢出隐藏，还可以用来解决高度塌陷。
给定父子两个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，就可以解决边距重合的问题。
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！