站內搜尋

Wednesday, July 18, 2012

[CSS] 解決使用 position:absolute 卻無法正確定位的問題

w3c範例

粗淺地說,使用 position:absolute ,可以使用 top 、 left ...等屬性,以 body 當作定位點。

精確地說, position:absolute 的定位點是上層容器,但前提是,上層容器必須有擁有「特別定位」屬性,如果上層容器都沒有「特別定位」屬性時,就會以 body 為定位點。

所謂「特別定位」是指 static 以外的都是。

<body>
  <div id="div1">
    <div id="div2" style="position:absolute;">以 body 為定位點</div>
  </div>
</body>

<body>
  <div id="div1" style="position:relative;">
    <div id="div2" style="position:absolute;">以 div1 為定位點</div>
  </div>
</body>

No comments:

Post a Comment