CSS (Cascading Style Sheets) 布局是指使用 CSS 来控制 HTML 元素的位置和外观。 CSS 可以通过设置元素的宽度、高度、浮动、定位、边距等属性来控制布局。常用的布局技术包括浮动布局、定位布局、弹性布局和网格布局等。

CSS 有以下几种布局方式:

  1. 浮动布局:通过将元素设置为浮动,可以让元素在文档流中浮动,并且可以使用 clear 属性来控制不与其他浮动元素重叠。

  2. 定位布局:通过设置 position 属性为 absolute、fixed 或 relative,可以控制元素的绝对位置或相对位置。

  3. 弹性布局:通过使用 flexbox 布局模型,可以让元素在一行或多行中弹性布局,可以很好地控制元素的大小和位置。

  4. 网格布局:通过使用 grid 布局模型,可以在二维空间中设计元素的布局,更好地控制元素的大小和位置。

这些布局方式都可以用于创建复杂的页面布局,但各有各自的优点和适用场景。