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

我有一个图像和一个小容器，我想放在容器上，但它在图像下面设置了“.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>

---

如果我很了解您的需要，如果您不需要，也许您可以使用

display:table

和

display:table标题

我使用以下CSS属性更新了JSFIDLE：

---

两个问题：（1）你能发布

innerimage

类的定义吗？（2） 哪个

div

具有绝对定位？你的例子没有说明任何问题。谢谢。更多问题：（3）当您说希望将小容器（我假定为

innerimage

）放置在容器上时，您希望将其放置在图像之前还是作为图像上的覆盖物放置？（4） 是否有必要将

innerimage

放在

img

元素之后，或者您是否可以将其作为

div.image

的第一个子元素？@James:当您有2分钟的时间时，您能否回答上面的问题，或者验证下面的回答（如果它解决了您的问题），或者让我们知道您是否找到了解决方案？通过这样做，您可以在StackOverflow上帮助其他人。谢谢