任何人都知道为什么溢出:隐藏强制一个元素与浮动元素包装元素？
我真的想要了解内部工作,而不是仅仅使用它并相信"它只是有效".
我可以理解当包含元素以与浮动的子元素相同的方向浮动时它是如何工作的,但是溢出:隐藏意味着裁剪溢出的内容(当与position:absolute/relative一起使用时).
任何信息赞赏.
med*_*iev 10
浮点数,绝对定位元素,内联块,表格单元格,表格标题以及除"可见"以外的"溢出"元素(除非该值已传播到视口时)建立新的块格式化上下文.
在块格式化上下文中,每个框的左外边缘触摸包含块的左边缘(从右到左格式化,右边缘触摸).即使存在浮动也是如此(尽管盒子的线框可能因浮动而缩小),除非盒子建立了新的块格式化上下文(在这种情况下,盒子本身可能因浮动而变窄).
块格式化上下文清除浮动.资料来源:http://www.w3.org/TR/CSS2/visuren.html#block-formatting