Ich habe zwei Divs in einem anderen Div und möchte mithilfe von CSS ein untergeordnetes Div in der oberen rechten Ecke des übergeordneten Divs und das andere untergeordnete Div am unteren Rand des übergeordneten Divs positionieren. Das heißt, ich möchte die absolute Positionierung für die beiden untergeordneten Divs verwenden, sie jedoch relativ zum übergeordneten Div und nicht zur Seite positionieren. Wie kann ich das machen?
Beispiel-HTML:
<div id="father"> <div id="son1"></div> <div id="son2"></div> </div>
这是有效的,因为
position:absolute
意味着“使用top
,right
,bottom
,left
将自己定位到与具有position:absolute
或position:relative
的最近祖先相关的位置。”所以我们让
#father
有position:relative
,孩子们有position:absolute
,然后使用top code> 和
bottom
来定位子项。