Css 另一个绝对可变高度Div下的Div

我有一个可变高度的div（只有一个最大宽度为100%的图像和自动调整大小的高度）

所以我想有一个div，文本与这个图像div重叠。。。好啊但是我想在这个有图像的包裹下有其他的div

问题是。。我不知道div的高度（'因为它在调整大小时依赖于图像高度），然后，当我尝试继续此包裹下的其他div时，它下面的get stucker'因为它的位置是绝对的

<div id="wrap">

    <div id="background">

        <img src="http://i.imgur.com/hXtf2Dq.jpg" class="myImage" />            

    </div><!-- #wf_sliderItemBackground -->

    <div id="mySubtitle">

        dfdf

    </div><!-- #background -->

</div><!-- #wrap -->

<div>
I CANT MAKE THIS DIV APPEAR UNDER THE IMAGE... I CANT USE DIMENSIONS SINCE I'M TRYING TO CREATE A RESPONSIVE LAYOUT AND USING HEIGHT IN PIXELS WOULD RUIN IT...
</div>

检查fiddle：

---

由于您的

文本div

位于

换行

div之外，

换行

应该是

相对的

，并且定义了

高度

#wrap {
    width:100%;
    position:relative;
    display:table;
    text-align:center;
    height:50%
}

并在特定div中覆盖文本div

div.a {
    color:blue;
    position:relative;
    bottom:0;
}

另外，使用

html，body

reset代替硬重置

*

，这是一条经验法则

---

但此解决方案的问题是：当我尝试调整大小时，较高分辨率将覆盖文本，较低分辨率将在图像和文本div之间显示一个较大的空白！：（您可以使用媒体查询来确定视口宽度吗？？

div.a {
    color:blue;
    position:relative;
    bottom:0;
}

html, body {
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}