本文主要是介绍CSS | 文档流 | Box盒模型 | FC BFC、IFC、FFC、GFC，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
文档流
“在一个块格式区域中，盒子会从包含块的顶部开始，按序垂直排列(受书写模式影响)。同级盒子间的垂直距离会由“margin”属性决定。相邻两个块级盒子之间的垂直间距会遵循外边距折叠原则被折叠。在一个块格式区域中，每个盒子的左外边缘会与包含块左边缘重合（如果是从右到左的排版顺序，则盒子的右外边缘与包含块右边缘重合）。”
“在内联格式区域中，盒子会从包含块的顶部开始，按序水平排列(受书写模式影响)。只有水平外边距、边框和内边距会被保留。这些盒子可以以不同的方式在垂直方向上对齐：可以底部对齐或顶部对其，或者按文字底部进行对齐。我们把包含一串盒子的矩形区域称为一个线条框。”
脱离文档流
float 或者 position:absolute / fixed 可以让元素脱离文档流
脱离常规流的元素会创建一个新的块级格式化上下文（Block Formatting Context: BFC）环境
注：float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围(可以说是部分无视)
溢出
overflow
text-overflow
Box 盒模型
MDN 盒模型
这篇关于CSS | 文档流 | Box盒模型 | FC BFC、IFC、FFC、GFC的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
