布局

JeremyJone ... 2023-7-13 小于 1 分钟

# 布局

CSS 页面布局技术允许我们拾取网页中的元素,并且控制它们相对正常布局流、周边元素、父容器或主视口的位置。

# 正常布局流

正常布局流是指在不对页面进行任何布局控制时,浏览器默认的布局方式。它其实就是 普通定位(文档流)

大多数情况下,正常布局流已经可以搭建一个良好的页面。选择合适的布局流是关键,而不是一味的脱离正常布局流进行复杂的搭建工作。

以下技术会覆盖默认的布局行为:

  • display 属性设置为 flex 或者 grid
  • 浮动(float
  • position 属性的修改
  • 表格布局(display: table)。但并不建议过多使用
  • 多列布局