CSS

正常布局流 (normal flow) 正常布局流是指在不对页面进行任何布局控制时，浏览器默认的HTML布局方式。 在 normal flow 中，元素按照其在 HTML 源码中出现的先后位置至上而下布局。在这个过程中，行内元素水平排列，直到当行被占满然后换行。块级元素则会被渲染为完整的一个新行，除非另外指定，否则所有元素默认都是 normal flow 定位，也可以说，普通流中元素的位置由该元素在 HTML 源码中的位置决定。 以下这些布局技术可能会覆盖默认的流式布局 display 属性： 像 block、inline 或者 inline-block 这样的标准值可以改变元素在 normal flow 中的行为。而使用像 CSS Grid 和 Flexbox 的值允许我们使用完全不同的方式来布局。 浮动（Floats）： 应用 float 值，诸如 left 能够让块级元素互相并排成一行。 position 属性： 正常布局流中，默认为 static ，可以使用其它值会来为元素使用不同的布局方案。 表格布局：用于布置表格 多列布局（Multi-column layout）：可以使块的内容按列布局 脱离文档流 An element is called out of flow if it is floated, absolutely positioned, or is the root element. An element is called in-flow if it is not out-of-flow....