css中定位

CSS中的定位分为五种：

1.静态定位（static）：

静态定位是元素的默认定位方式，元素会按照正常的文档流进行布局。position: static;可以省略，它不能通过top、right、bottom和left属性进行定位，无法使用层叠上下文（z-index）属性。

2.相对定位（relative）：

相对定位是相对于元素在正常文档流中的位置进行定位，使用top、right、bottom和left属性来调整元素的位置。元素仍然占据原来的空间，其他元素不会填充其位置。

3.绝对定位（absolute）：绝对定位是相对于最近的已定位祖先元素（如果没有则相对于文档）进行定位。使用top、right、bottom和left属性来精确控制元素的位置。元素会脱离正常文档流，并且不占据空间，其他元素会填充其位置。通常与父元素设置position: relative;配合使用，以建立定位上下文。

4.固定定位（fixed）：固定定位是相对于浏览器窗口进行定位，元素将始终保持在相对于窗口的固定位置。使用top、right、bottom和left属性来指定元素在窗口中的位置。

5.粘性定位（sticky）：粘性定位是相对于滚动容器进行定位的一种特殊方式。元素在滚动容器的可视区域内表现为相对定位，而在滚动容器滚动超出其可视区域时则表现为固定定位。​