css position 绝对定位
时间: 2023-12-05 20:41:20 浏览: 88
CSS 定位之position全面了解
CSS中的绝对定位是一种定位方式,它可以将元素从文档流中脱离出来,并相对于最近的已定位的祖先元素进行定位。如果没有已定位的祖先元素,则相对于最初的包含块进行定位。绝对定位的元素不会占据文档流中的空间,因此其他元素会填补它们的位置。
下面是一个绝对定位的例子:
```css
.parent {
position: relative;
}
.child {
position: absolute;
top: 50px;
left: 50px;
}
```
在这个例子中,`.parent`元素被设置为相对定位,`.child`元素被设置为绝对定位,并相对于`.parent`元素进行定位。`.child`元素的`top`和`left`属性被设置为50px,这意味着它将从`.parent`元素的左上角向下和向右移动50px。
阅读全文