2相對定位Div？

我有一個具有相對定位，那麼還具有相對定位內的另一個DIV容器DIV：2相對定位Div？

<div class="first"> 
    <div class="second"> 
    <img src="img.jpg" /> 
    </div> 
</div>

我想和絕對定位的圖像是相對於「第二」分區不是「第一」。但我需要它們都具有相對定位，我如何指定圖像是相對於「第二」div？

2011-04-04 Xtian

爲什麼這麼複雜？你想達到什麼目的？ – Czechnology 2011-04-04 15:03:59

複雜？我只想要一個圖像相對於更接近的div。 – Xtian 2011-04-04 15:07:08

它與包含它的容器相關。這是第二個分區。 – Czechnology 2011-04-04 15:07:47

.second img{ position:absolute; top:0; left:0; }

定位只是一個例子，你可以改變它來滿足你的需求。

2011-04-04 15:02:14 billy

naw，它將採用.first作爲相對位置的父項，而不是。第二個 – Xtian 2011-04-04 15:03:50

直接父項是'div.second'。 – Czechnology 2011-04-04 15:06:49

根據CSS標準自動相對於第二個<div>，因爲它嵌套在第二個<div>中並且該div位於其中。下面是從the CSS2 standard報價：

的定位框的包含塊由最近的定位祖先

所以你在DOM樹向上計數從對文檔的最近的祖先建立的，即根，並停在第一個定位祖先（如果沒有一個，那麼它是最接近的容器，但這不適用於此）。在這種情況下，這將是div.second，如你所願。

2011-04-04 15:06:36 davin

在頁面層次結構中，圖像將相對於.second;然而，您必須將父母定義爲相對定位，以便兒童照顧。

.second { position:relative; } 
.second img { position:absolute; top:0; left: 0 }

2011-04-04 15:11:24

回答