一直对清除浮动的两大方法念念不忘：clear是专门为清除浮动而造的CSS属性；触发BFC也能实现（常用overflow:hidden;），但毕竟清除浮动只是顺带完成的。早上突然产生一个疑惑：子元素浮动，父元素触发BFC，那该浮动对兄弟元素影响如何呢？
-
先扔结论：
父元素触发BFC在其内部开辟一个独立空间，浮动元素只是脱离文档流，但仍在此空间之内，故父元素高度仍会被其空间内最大高度撑开；开辟独立空间，但是元素之间的相互影响还是会尊重原有规则，即浮动元素脱离了文档流，弟弟会移动到下面，仍然会文字环绕
父亲BFC，儿子浮动对兄弟影响
本文章著作权归饥人谷_九霄和饥人谷所有，转载须说明来源
网友评论