绝对位置,但相对于父对象

我在另一个div中有两个div,我想使用css将一个子div放置在父div的右上角,将另一个子div放置在父div的底部。也就是说,我想对两个子div使用绝对定位,但是相对于父div而不是页面定位它们。我该怎么做

示例html:

<div id=“父亲”>
<div id=“son1”&gt&lt/部门>
<div id=“son2”&gt&lt/部门>
&lt/部门>
父亲{
位置:相对位置;
}
#儿子1{
位置:绝对位置;
排名:0;
}
#儿子2{
位置:绝对位置;
底部:0;
}

这是因为position:absolute的意思是“使用toprightbottomleft相对于最近的祖先来定位自己,而最近的祖先拥有position:absoluteposition:relative

因此,我们让父亲有位置:相对的,孩子有位置:绝对的,然后使用顶部的底部的来定位孩子

发表评论