Question

我继续在Opera 10.60下获得奇怪的结果，试图将块元素绝对定位在内联块元素中。

示例代码：

<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>

Opera相对于同一父级（.container）内的最后一个内联元素（在此示例中）位置.block，而不是相对于父级定位它。

我错过了什么，或者只是一个错误，我应该找到相反的方法？

Answer 1

将您的内容包装在div或其他内容中，然后就可以了。 http://jsbin.com/isuke3/edit

Answer 2

更改 position: relative; 至 position: absolute;

它将在浏览器中正确对齐。：）

在Opera中使用inline-block元素中的绝对定位元素

2 个答案: