我在另一个div中有两个div,我想使用css将一个子div放置在父div的右上角,将另一个子div放置在父div的底部。也就是说,我想对两个子div使用绝对定位,但是相对于父div而不是页面定位它们。我该怎么做
示例html:
<;div id=“父亲”>;
<;div id=“son1”></部门>;
<;div id=“son2”></部门>;
</部门>;
父亲{
位置:相对位置;
}
#儿子1{
位置:绝对位置;
排名:0;
}
#儿子2{
位置:绝对位置;
底部:0;
}
位置:相对位置;
}
#儿子1{
位置:绝对位置;
排名:0;
}
#儿子2{
位置:绝对位置;
底部:0;
}
这是因为position:absolute的意思是“使用top,right,bottom,left相对于最近的祖先来定位自己,而最近的祖先拥有position:absolute或position:relative”
因此,我们让父亲有位置:相对的,孩子有位置:绝对的,然后使用顶部的和底部的来定位孩子