关于overflow:hidden的作用

一、溢出隐藏

给一个元素中设置overflow:hidden,那么该元素的内容若超出了给定的宽度和高度属性,那么超出的部分将会被隐藏、不占位

二、清除浮动

一般来说,父级元素不设置高度时,高度随内容增加自适应高度。当父级元素内部的子元素全部都设置浮动float之后,子元素会脱离标准流,不占位,父级元素检测不到子元素的高度,父级元素高度为0

当给父级元素添加overflow:hidden后 则不会出现这种情况

三、解决外边距塌陷

父级元素内部有子元素,如果给子元素添加margin-top样式,那么父级元素也会跟着下来,造成外边距塌陷

给父元素加个overflow:hidden即可解决

全部评论
没仔细看,刚开始还以为是overstack
点赞
送花
回复
分享
发布于 2022-07-28 19:30

相关推荐

点赞 1 评论
分享
牛客网
牛客企业服务