                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /css定位 position

父子元素position中的absolute和relative問題

問題一：我試著敲了下代碼，有這兩個情況，結果都是一樣的：

情況一：父子元素的position都是relative；

情況二：父元素的position是relative，子元素的position是absolute

如果兩個情況結果都是一樣的話，好像情況二是更通用的，但是為什么呢？

問題二：我還有一個代碼搞不懂，是兩個相鄰的div元素，不是父子關系，position都是用的relative，但是結果顯示的我始終沒有搞明白：

<!DOCTYPE html>
<html>
<head>
?? ?<meta charset="UTF-8">
?? ?<title>relative</title>
?? ?<style>
?? ???? *{
?? ??? ??? ?margin: 0;
?? ???? }
?? ???? body{
?? ??? ??? ?height: 3000px;
?? ???? }

?? ??? ?.div1{
?? ??? ??? ?width: 50px;
?? ??? ??? ?height: 50px;
?? ??? ??? ?background: red;
?? ??? ??? ?position: relative;
?? ??? ??? ?left: 50px;
?? ??? ??? ?top: 10px;
?? ??? ?}

?? ??? ?.div2{
?? ??? ??? ?width: 50px;
?? ??? ??? ?height: 50px;
?? ??? ??? ?background: blue;
?? ??? ??? ?position: relative;?? ??? ??? ??? ??? ?
?? ??? ??? ?left: 10px;
??????????? top: 10px;
?? ??? ?}
?? ?</style>
</head>
<body>
?? ?<div class="div1">
?? ?</div>
?? ?<div class="div2">
??? </div>
</body>
</html>