任何人都知道为什么overflow:hidden强制具有浮动元素的元素包装元素吗?
我真的很想了解内部工作原理,而不是仅仅使用它并相信“它确实有效”。
当包含元素的方向与浮动的子元素相同的方向时,我可以理解它的工作原理,但是overflow:hidden意味着裁剪溢出的内容(与position:absolute / relative一起使用时)。
任何信息表示赞赏。
浮点数,绝对定位的元素,内联块,表单元格,表标题以及具有“可见”以外的“溢出”的元素(当该值已传播到视口时除外)建立新的块格式上下文。 在块格式设置上下文中,每个框的左外边缘与包含块的左边缘相接触(对于从右到左的格式,右边缘相接触)。即使存在浮点数,也是如此(尽管框的行框可能由于浮点数而缩小),除非框建立了新的块格式化上下文(在这种情况下,框本身可能会由于浮点数而变窄)。
浮点数,绝对定位的元素,内联块,表单元格,表标题以及具有“可见”以外的“溢出”的元素(当该值已传播到视口时除外)建立新的块格式上下文。
在块格式设置上下文中,每个框的左外边缘与包含块的左边缘相接触(对于从右到左的格式,右边缘相接触)。即使存在浮点数,也是如此(尽管框的行框可能由于浮点数而缩小),除非框建立了新的块格式化上下文(在这种情况下,框本身可能会由于浮点数而变窄)。