overflow:hidden 失效

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了overflow:hidden 失效相关的知识,希望对你有一定的参考价值。

出现溢出的情况:
1.行内元素不换行内容超出包含块外边界
2.块元素宽高超出包含块外边界

为什么会出现overflow:hidden 失效的问题:
大多数情况下是给当前元素设置了position:absolute定位属性,导致脱离文档流,当前元素不再受包含块的约束了

解决办法:
给包含块设置position:relative;让包含块重新获取管辖权

以上是关于overflow:hidden 失效的主要内容,如果未能解决你的问题,请参考以下文章

overflow:hidden 失效

clear:both;和overflow:hidden;的应用理解。

overflow hidden 遇上absolute失效

在ie7中overflow:hidden失效问题及解决方案

小程序文本溢出显示省略号(单行/多行)

overflow知多少