html - 绝对div之后的div调整

Question

我在绝对 <div> 之后调整页脚时遇到问题.这是场景:

我有一个 <div>其中包含背景图像 - 这个 <div>是绝对的我的所有内容都在另一个 <div> 中它位于图像本身我的页脚应该“漂浮”在图片下方，但这并没有发生。

A live preview

如您所见，页脚在图片上，无论图片的高度如何，它都应该在图片下方。

我的标记应该是这样的:

<div id="banner"><img src="#" /> Position Absolute</div>
<div id="container">
   Content goes in here
</div>
<div id="footer">
   This footer should always be under the banner
</div>

欢迎提出任何建议!

Answer 1

这个方法你试过吗

    <div id="banner">Position Absolute</div>
          <div id="container">
                   Content goes in here
          </div>
    <div class="clear"></div>
          <div id="footer">
                   This footer should always be under the banner
          </div>


    .clear{ clear:both}
      #footer{ position:absolute; bottom:0;}

注意:我已经更新了将页脚保留在底部的答案。