css有哪五种定位

CSS定位有五种方式：

1. 静态定位（Static Positioning）
2. 相对定位（Relative Positioning）
3. 绝对定位（Absolute Positioning）
4. 固定定位（Fixed Positioning）
5. 粘性定位（Sticky Positioning）

解释和例子：

1. 静态定位（Static Positioning）：

   这是所有元素的默认定位方式，不需要特别指定。

div {
  position: static;
}

2. 相对定位（Relative Positioning）：

   元素相对于其正常位置进行定位。

div {
  position: relative;
  top: 20px;
  left: 40px;
}

3. 绝对定位（Absolute Positioning）：

   元素相对于最近的非静态定位的父元素进行定位。

div {
  position: absolute;
  top: 20px;
  right: 15px;
}

4. 固定定位（Fixed Positioning）：

   元素相对于浏览器窗口进行定位，无论滚动条如何滚动都会固定在屏幕的指定位置。

div {
  position: fixed;
  bottom: 10px;
  left: 5px;
}

5. 粘性定位（Sticky Positioning）：

   元素在达到一定阈值之前为相对定位，之后为固定定位。

div {
  position: sticky;
  top: 10px;
}