在Opera中使用絕對定位元素內嵌塊元素

我在Opera 10.60下不斷得到奇怪的結果，試圖將塊元素絕對定位在內嵌塊元素中。在Opera中使用絕對定位元素內嵌塊元素

樣品的編號：

<html><head><style type="text/css"> 
div.container { 
    position: relative; 
    display: inline-block; 
    padding: 5px 100px; 
    border: 1px solid red; 
} 
div.block { 
    display: block; 
    position: absolute; 
    top: 0px; 
    right: 0px; 
    border: 2px solid brown; 
} 
</style></head><body> 

<div class="container"> 
    <div class="block">(>O.o)></div> 
    Quick brown block <a href="#">jumps</a> over relative div. 
</div> 

</body></html>

歌劇位置.block代替它定位相對於母體相對於最後聯元素（在本例中）同一父（.container）內。

我錯過了什麼，或者它只是一個錯誤，我應該找到另一種方式？

來源

2010-07-21 smugglerFlynn

顯示背後的想法是什麼：在相對定位的元素上的塊？編輯：沒關係，我錯過了這個問題。你不能創建某種內聯元素（即跨度）來放入div嗎？ – Robbert 2010-07-21 14:02:50

將您的內容包裝在一個div或其他東西，然後它的作品。 http://jsbin.com/isuke3/edit

來源

2010-07-21 14:12:14 Rito

因此，這是最好的解決方案，謝謝 – smugglerFlynn 2010-07-21 14:30:13

歡迎:) – Rito 2010-07-21 14:50:38

變化 position: relative; 到 position: absolute;

，它會在瀏覽器中正確對齊本身。 :)

來源

2010-07-21 14:06:46 nn2

它的作品，是的。但是在我的網站上，我收到了與樣本類似的代碼的通知，並且我無法在不破壞標記的情況下將它們絕對定位。看起來我可以使用您的建議，並將每個絕對位置.container與另一個正常位置的塊包裹起來。它會將代碼長度加倍，但:-) – smugglerFlynn 2010-07-21 14:21:33

在Opera中使用絕對定位元素內嵌塊元素

回答

相關問題