overflow:hidden 的三个作用

NO.1 溢出隐藏
NO.2 清除浮动
父级元素不设置高度时,高度由随内容增加自适应高度。当父级元素内部的子元素全部都设置浮动float之后,子元素会脱离标准流,不占位,父级元素检测不到子元素的高度,父级元素高度为0。
NO.3 解决高度塌陷
父级元素内部有子元素,如果给子元素添加margin-top样式,那么父级元素也会跟着下来,造成外边距塌陷。

posted @ 2022-07-14 00:31  Kangf  阅读(49)  评论(0编辑  收藏  举报