HTML强制div出现在div的底部

Question

我有这个http://jsbin.com/AKUtEYu/1/edit .

在这里，我想在 div1 内部和此 div1 下方显示一个图像，我还想在 div2 内部显示一个提交按钮。我这里的问题是第二个 div 出现在第一个 div 的下面。

P.S 1:我需要在第一个 div 中使用 position:absolute。我知道如果我删除它，问题似乎就解决了，但我正在寻找解决方法。

P.S 2:我使用实线边框来查看发生了什么。

Answer 1

如前所述，将您的提交按钮移到 #container 父 block 中:

<div id="container">
    <img src="http://31.media.tumblr.com/tumblr_m50exyThDb1r4kc3co1_500.jpg" />

    <div id="footerSubmit">
        <input type="submit" alt="Submit" id="SubmitSelections" name="Submit">
    </div>
</div>

否则，您将不得不在 #container 上设置高度，在 #footerSubmit 上设置绝对或相对位置，这需要更多工作...