天天看點

CSS中position的absolute如何相對于父元素的位置進行定位 relative(相對)以及absolute(絕對)。

relative(相對)以及absolute(絕對)。

用absolute定位時,要把其上一級的元素樣式屬性position設定為relative。

也就是說,position的屬性值的效果,直接受其容器樣式中position屬性值影響。

例如

如下A-B的嵌套結構

<div id="A">

  <div id="B">

  </div>

</div>

當A的position為relative時,B的position為absolute才有效。這時候left:0、top:0就不再針對視窗文檔,而是針對id為A的這個div了。