參照w3c網(wǎng)站上對(duì)于position:absolute的解釋?zhuān)?/p>

生成絕對(duì)定位的元素，相對(duì)于 static 定位以外的第一個(gè)父元素進(jìn)行定位。

元素的位置通過(guò) "left", "top", "right" 以及 "bottom" 屬性進(jìn)行規(guī)定。

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

在你的問(wèn)題里， 只要再加入top、left、right或bottom屬性就會(huì)得到不一樣的結(jié)果了， 因?yàn)閞elative和absolute的定位方式不一樣。

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

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

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