1

我有一个似乎无法解决的问题。我有一个很大的背景横幅，但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>

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

4

1 回答 1

2

你不能float一个absolute positioned元素，因为当你使用position: absolute;你的元素离开文档流时，你需要使用顶部，左侧，右侧，底部来定位它，浮动不会在绝对位置上工作，或多或少你可以做的是使用绝对定位容器内的 div position: relative;，或者尝试使用 ryan fait 的粘性页脚

于 2012-12-07T08:51:22.367 回答