和页面布局有关的CSS属性

1.display

用于设置元素的显示类型。常见值包括block、inline、flex、grid等。

1.position

控制元素的定位方式。常见值有static、relative、absolute、fixed和sticky。

1.top、right、bottom、left

定义定位元素相对于其包含块的位置。通常与position属性一起使用。

1.float

使元素向左或向右浮动，常用于实现多栏布局。

1.clear

控制浮动元素的行为，用于清除浮动影响。

1.z-index

控制元素的堆叠顺序，值越大，元素越靠前。

1.flexbox

通过display:flex创建灵活的布局模型，可以使子元素沿主轴或交叉轴对齐。

1.grid

使用display:grid创建网格布局，允许在二维空间中排列元素。

1.margin、padding

用于设置元素外边距和内边距，影响元素的布局和间距。

1.width、height

用于设置元素的宽度和高度。

1.max-width、max-height

限制元素的最大宽度和高度。

1.min-width、min-height

限制元素的最小宽度和高度。

1.overflow

控制内容溢出时的显示方式。常见值有visible、hidden、scroll和auto。

1.box-sizing

控制元素的宽度和高度是否包括边框和内边距。常见值为content-box和border-box。

1.column-count、column-gap

设置多列布局的列数和列间距。

1.align-items、justify-content

在flex和grid布局中，用于设置子元素的对齐方式。

1.visibility

控制元素的可见性。visible表示可见，hidden表示隐藏，但占据空间。

1.float

使元素左右浮动，通常用于文本环绕或实现列布局。