位置绝对但相对于父

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 */}