BFC

在上一篇文章中,清除浮动方法解析,我们谈及了一些使用css属性解决浮动带来的影响。但是在解决浮动带来的影响的方法中,如果细心思考,会产生如下疑问:

  • 为什么overflow可以清除浮动带来的影响?

  • 能否用其他css属性清除浮动带来的影响?

种种的疑问,会让你觉得CSS真的不容易精通,说精通过于高大上,就连掌握都挺难的。

清除浮动方法解析文章中,只是稍微说明了一下上面两个问题的原因是BFC(块级格式化上下文,Block Formatting Contexts)。在分享BFC之前,有必要谈谈另外一个概念。也就是可视化格式模型

可视化格式模型

网友评论