BFC以及文档流

Posted MAHUAN

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了BFC以及文档流相关的知识,希望对你有一定的参考价值。

在一个文档流中,盒子模型元素的位置会互相影响。

一个BFC出现在文档流中时,BFC内部的盒子模型元素同BFC外部的元素之间的位置不会互相影响。

相当于BFC重新创建了一个文档流。

举例:

一个文档流中出现了一个float元素,float元素会影响后续出现的inline或者inline-block的元素显示位置,而float元素内部的元素显示,同外部元素没有任何关系。

以上是关于BFC以及文档流的主要内容,如果未能解决你的问题,请参考以下文章

BFC与文档流对比

前端布局之浅谈BFC

关于BFC

理解BFC

BFC布局

第八篇 css