CSS 中元素定位方法有：正常流定位：元素保持在正常流中。相对定位：元素相对于其原始位置移动。浮动定位：元素从流中移除，但保持宽度。绝对定位：元素从流中移除，相对于已定位祖先元素定位。固定定位：元素从流中移除，相对于浏览器窗口定位。网格布局定位：使用网格规则放置元素。弹性盒子定位：沿轴线排列元素，控制尺寸和对齐。层叠顺序：控制元素在层叠顺序中的顺序。
元素的定位方法
在 CSS 中，可通过以下方法对元素进行定位：
正常流定位
- Static（默认）： 元素处于正常流中，不脱离文本文档流。
- Relative： 相对于其原始位置移动元素。其他元素不受影响。
浮动定位
立即学习“前端免费学习笔记（深入）”；
- Float： 元素从文档流中移除，但保持其原始宽度，并与其他元素对齐。
- Absolute： 元素从文档流中移除，并相对于其最近的已定位祖先元素定位。
- Fixed： 元素从文档流中移除，并相对于浏览器窗口定位。
网格布局定位
- Grid： 将网格容器划分为行和列，并使用网格规则放置元素。
弹性盒子定位
- Flex： 沿主要轴或交叉轴排列元素，并控制其尺寸和对齐方式。
层叠顺序
- z-index： 控制元素在层叠顺序中的顺序。更高的 z-index 值表示元素位于其他元素上方。
