定位器的绝对定位定位在图像下

Question

我有一个图像，也有一个小容器，我想要放在容器上，但是它将这个".innerimage“设置在图像下面。

不建议使用top: xx;，因为在我的实际项目中，我有很多div与相同的类，我不能使用top，否则它会搞砸它。

<div id="page">

    <div class="image">
        <img src="http://upload.wikimedia.org/wikipedia/commons/8/85/Black_300.jpg">
            <div class="innerimage"></div>
    </div>

</div>

Answer 1

如果我完全理解你的需要，如果你不需要支持IE7，也许你可以使用display:table和display:table-caption

我用以下CSS属性更新了JSFiddle：

http://jsfiddle.net/ZhdMj/1/