參照w3c網站上對于position:absolute的解釋：

生成絕對定位的元素，相對于 static 定位以外的第一個父元素進行定位。

元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。

所以， 父元素的position設為absolute并不與定位沖突，只是一般而言會把父元素的position設為relative而已。

在你的問題里， 只要再加入top、left、right或bottom屬性就會得到不一樣的結果了， 因為relative和absolute的定位方式不一樣。

你可以看一下下面這兩者的差別：

#box1{???
width:200px;???
height:200px;?
position:relative;
top:100px;
}

#box1{???
width:200px;???
height:200px;?
position:absolute;
top:100px;
}