css position absolute

CSS中的position:absolute属性用于将元素从正常文档流中移除，并相对于其最近的已定位祖先元素（即设置了position属性且值不为static的元素）进行定位。如果没有已定位的祖先元素，则相对于初始包含块（通常是视口）进行定位。

以下是position:absolute的一些关键特性：

1. 脱离正常文档流：绝对定位的元素会脱离正常的文档流，不再影响其他元素的布局。

2. 相对于包含块定位：绝对定位的元素会根据top、right、bottom、left四个属性的值相对于其包含块进行定位。

3. 创建块级框：绝对定位的元素会创建一个新的块级框，不论其在正常文档流中是什么类型的框。

4. 位置调整：可以使用top、right、bottom、left属性来调整绝对定位元素的位置。

5. 层级关系：绝对定位的元素在层级上是最上层的，可以覆盖其他元素。

6. 包裹性：绝对定位的元素会脱离正常的文档流，因此不会影响其他元素的布局。

举例来说，如果你有一个父元素，并希望其中的子元素绝对定位在父元素的某个位置，你可以这样设置：

.parent{position:relative；/*父元素需要定位*/}.child{position:absolute；top:10px；left:20px；}

在这个例子中，.child元素将会相对于.parent元素定位，并向右移动20像素，向下移动10像素。