我想相对于另一个定位四个div
.我有一个矩形div
,我想在它的角部插入4个div
.我知道CSS有一个属性"position:relative"
,但这是相对于该元素的正常位置的.我希望我的div
不是相对于它们的正常位置,而是相对于另一个元素(矩形).我该怎么办?
我想相对于另一个定位四个div
.我有一个矩形div
,我想在它的角部插入4个div
.我知道CSS有一个属性"position:relative"
,但这是相对于该元素的正常位置的.我希望我的div
不是相对于它们的正常位置,而是相对于另一个元素(矩形).我该怎么办?
position: absolute
将根据坐标定位元素,相对于closest positioned ancestor,即最接近的父元素不是position: static
.
将您的四个div嵌套在目标div中,给目标div指定position: relative
,并在其他div上使用position: absolute
.
您的HTML的 struct 类似于以下内容:
<div id="container">
<div class="top left"></div>
<div class="top right"></div>
<div class="bottom left"></div>
<div class="bottom right"></div>
</div>
这个CSS应该可以工作:
#container {
position: relative;
}
#container > * {
position: absolute;
}
.left {
left: 0;
}
.right {
right: 0;
}
.top {
top: 0;
}
.bottom {
bottom: 0;
}
...