布局模式

CSS **布局模式**,有时也称为 *布局*,是一种算法,它根据盒子与其兄弟和祖先盒子的交互方式来确定盒子的位置和大小。它们有很多种

  • 正常流 — 所有元素都是正常流的一部分,除非您执行某些操作将其从正常流中移除。正常流包括 *块级布局*,用于布局诸如段落之类的盒子,以及 *内联布局*,用于布局诸如文本之类的内联项目。
  • 表格布局,用于布局表格。
  • 浮动布局,旨在使项目在左侧或右侧定位,其余内容在正常流中环绕它。
  • 定位布局,旨在定位元素,而与其他元素的交互很少。
  • 多列布局,旨在像报纸一样将内容布局成多列。
  • Flexbox 布局,旨在布局可以平滑调整大小的复杂页面。
  • 网格布局,旨在相对于固定网格布局元素。

注意:并非所有CSS 属性都适用于所有 *布局模式*。它们中的大多数适用于一两个,如果它们设置在参与其他布局模式的元素上,则没有效果。

另请参阅