固定div，绝对定位位于图像下方

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

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

我用这些CSS属性更新了JSFiddle：

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