position: absolute的div还可以有一个子div定位到这个position: absolute的div嘛如果可以给出示例代码
时间: 2024-02-06 17:02:10 浏览: 170
通过绝对定位实现div重叠实例代码
可以的,可以使用position: absolute将子元素相对于父元素进行定位。以下是一个简单的示例代码:
HTML代码:
```
<div class="parent">
<div class="child"></div>
</div>
```
CSS代码:
```
.parent {
position: absolute;
top: 50px;
left: 50px;
width: 200px;
height: 200px;
background-color: #eee;
}
.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100px;
height: 100px;
background-color: #ccc;
}
```
在这个示例中,父元素parent使用了position: absolute进行定位,并且设置了top、left、width和height属性。子元素child也使用了position: absolute进行定位,并且设置了相对于父元素的top和left值,使用transform属性水平和垂直居中。这样子元素child就相对于父元素进行了定位。
阅读全文