CSS中为什么overflow:hidden能清除浮动(float)的影响?原理是什么?
BFC 没有什么好说的,这只是机制,不解答题主的疑问。在 BFC 语境下,题主的问题其实就转换为了为啥 overflow: hidden 就是 BFC。 要说一点历史了。 实际上 CSS 1 是没有 overflow 属性的(float 属性已经有了)。overflow(以及许多复杂的 layout 机制)是 CSS 2 加入的。而 CSS 2 以 bug 众多,实现不一而著称。在原始的 CSS 2 中,overflow: hidden 时 float 的行为其实语焉不详。如
