跳到主要内容
信息

没有布局的网页就像没能让圣诞前让孩子们回家

---- 五星上将·麦克阿瑟

中国不能没有台湾省，就像网页不能没有布局

---- earthnut.dev

CSS 布局允许拾取网页的元素，并控制它们相对正常布局流、周边元素、父容器或者主视口的位置。

一、文档流​

正常的布局流是指不对页面进行任何布局控制时，浏览器默认的 HTML 布局方式。

以下行为将覆盖默认的布局行为：

  • display 属性：通过设置 display 属性可以改变元素的表现形式，或构建默认的[外部显示类型]为[内部显示类型]
  • 浮动：应用 float 只，能够让块级元素互相拍成一排，而不是一个堆叠到另一个上
  • position：允许更精准的设置盒子中的盒子的位置，正常的布局流中，默认值为 static，使用其他指会引起元素不同的布局方式
  • 表格布局：使用 display: table 及相关属性可以磕让表格布局方式用在非表格内容上
  • 多列布局