overflow:hidden 为什么能达到这样的效果？

时间：2026-11-07 02:36:00 浏览：955次

「overflow:hidden」让元素创建了新的 block formatting context（http://www.w3.org/TR/CSS21/visuren.html#block-formatting）。

http://www.w3.org/TR/CSS21/visuren.html#bfc-next-to-float

你例子中的 <p> 元素建立了新的 BFC，所以 <p> 的内容不能再环绕否则它的盒子必然会和 <img> 重叠，与规范定义不符了。

标签：overflow,hidden,效果,CSS,Div+CSS,CSS 布局