css position 绝对定位

CSS中的绝对定位是一种定位方式，它可以将元素从文档流中脱离出来，并相对于最近的已定位的祖先元素进行定位。如果没有已定位的祖先元素，则相对于最初的包含块进行定位。绝对定位的元素不会占据文档流中的空间，因此其他元素会填补它们的位置。

下面是一个绝对定位的例子：

.parent {
  position: relative;
}
.child {
  position: absolute;
  top: 50px;
  left: 50px;
}

在这个例子中，`.parent`元素被设置为相对定位，`.child`元素被设置为绝对定位，并相对于`.parent`元素进行定位。`.child`元素的`top`和`left`属性被设置为50px，这意味着它将从`.parent`元素的左上角向下和向右移动50px。

相关问题

css position

CSS `position` 属性定义了一个元素在文档中的定位方式。`position` 属性有以下几个值：

1. `static`：默认值，元素在文档流中正常排列。
2. `relative`：相对定位，元素基于其在文档流中的原始位置进行定位。
3. `absolute`：绝对定位，元素相对于其最近的非静态父元素进行定位。
4. `fixed`：固定定位，元素相对于浏览器窗口进行定位。
5. `sticky`：粘性定位，元素在滚动时会固定在某个位置，直到它到达某个阈值。

使用 `top`、`bottom`、`left`、`right` 属性可以调整元素的位置。例如，`position: relative; top: 10px; left: 20px;` 将元素相对于其原始位置向下移动 10 像素，向右移动 20 像素。