在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中使用绝对定位元素内嵌块元素

回答

相关问题