位置绝对但相对于父

Question

位置绝对但相对于父

我在另一个div中有两个div，我希望使用CSS将一个子div定位到父div的右上角，另一个子div定位到父div的底部。IE，我想对两个子div使用绝对定位，但是相对于父div而不是页面定位。我该怎么做？

示例html：

<div id="father">
   <div id="son1"></div>
   <div id="son2"></div></div>

Answer 1

#father {    position: relative;}#son1 {    position: absolute;    top: 0;}#son2 {    position: absolute;    bottom: 0;}这是因为position: absolute意思是“使用”top, right, bottom, left把自己定位在最近的祖先position: absolute或position: relative."所以我们#father有position: relative，孩子们position: absolute，然后使用top和bottom给孩子们定位。

Answer 2

div#father {     position: relative;}div#son1 {     position: absolute;     /* put your coords here */}div#son2 {     position: absolute;     /* put your coords here */}