小编典典

CSS'overflow:hidden'如何工作以迫使元素(包含浮动元素)环绕浮动元素?

css

任何人都知道为什么overflow:hidden强制具有浮动元素的元素包装元素吗?

我真的很想了解内部工作原理,而不是仅仅使用它并相信“它确实有效”。

当包含元素的方向与浮动的子元素相同的方向时,我可以理解它的工作原理,但是overflow:hidden意味着裁剪溢出的内容(与position:absolute
/ relative一起使用时)。

任何信息表示赞赏。


阅读 282

收藏
2020-05-16

共1个答案

小编典典

浮点数,绝对定位的元素,内联块,表单元格,表标题以及具有“可见”以外的“溢出”的元素(当该值已传播到视口时除外)建立新的块格式上下文。

在块格式设置上下文中,每个框的左外边缘与包含块的左边缘相接触(对于从右到左的格式,右边缘相接触)。即使存在浮点数,也是如此(尽管框的行框可能由于浮点数而缩小),除非框建立了新的块格式化上下文(在这种情况下,框本身可能会由于浮点数而变窄)。

2020-05-16