Question

我有一个问题似乎无法修复。我有一个大背景横幅设置为position: absolute问题是，我希望我的页脚不断在它下面 - 无论横幅有多高。

一个例子：页脚看起来很好：http://danne-bro.com.web122.curanetserver.dk/histor.aspx 页脚不正确：http://danne-bro.com.web122.curanetserver.dk/who.aspx

我已经尝试过很多东西，你可以在源代码中看到。我试图完成的一个刮擦版本就是这样的：

  <div id="fit">
    <div class="wrapper">
      <div id="banner">BANNER IN HERE - Position Absolute so its always underneath</div>
    </div>
<div class="wrapper">
All content goes here - which is on top of the banner
</div>
    </div>
    <div id="footer">
    Footer in here - should float right under the banner.
    </div>

但我确实如何让页脚留在横幅下（无论它的高度）对我来说都是一个问题。我希望我能够很好地解释自己。

Answer 1

您不能float absolute positioned元素，因为当您使用position: absolute;元素退出文档流时，您需要使用顶部，左侧，右侧，底部来定位它浮动不会对绝对工作，或多或少你可以做的是在position: relative;容器中使用绝对定位的div，或者尝试使用ryan fait的sticky footer

浮动位置绝对

1 个答案: