84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
我在另一个 div 中有两个 div，我想使用 css 将一个子 div 定位到父 div 的右上角，将另一个子 div 定位到父 div 的底部。即，我想对两个子 div 使用绝对定位，但将它们相对于父 div 而不是页面定位。我怎样才能做到这一点？
示例 html：
<div id="father"> <div id="son1"></div> <div id="son2"></div> </div>
div#father { position: relative; } div#son1 { position: absolute; /* put your coords here */ } div#son2 { position: absolute; /* put your coords here */ }
#father { position: relative; } #son1 { position: absolute; top: 0; } #son2 { position: absolute; bottom: 0; }
这是有效的，因为position：absolute意味着“使用top，right，bottom，left 将自己定位到与具有 position:absolute 或 position:relative 的最近祖先相关的位置。”
position：absolute
top
right
bottom
left
position:absolute
position:relative
所以我们让#father有position:relative，孩子们有position:absolute，然后使用top code> 和 bottom 来定位子项。
#father
top code> 和 bottom 来定位子项。
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
div#father { position: relative; } div#son1 { position: absolute; /* put your coords here */ } div#son2 { position: absolute; /* put your coords here */ }#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 code> 和bottom来定位子项。