1回答

• 

  涮刀石

  2016-06-18 22:39:28

  参照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;
  }

  0 0