1

我已经修复了页脚 DIV 和内容 DIV。页脚 DIV 是固定的，因此它始终可见。内容 DIV 是 100% 高度，但它触及页脚 DIV 并穿过它到最后。我希望它在页脚开始时结束。

<div id="footer">
</div>

<div id="content">
</div>

这是一个jsFiddle链接：http: //jsfiddle.net/MXMWe/3/

问题：内容 DIV（及其文本）超出页脚。

注意 1：无论您滚动到哪里，页脚都必须始终可见（可能已修复。

注意2：滚动条必须是正常的，就像你第一次加载浏览器时一样。那里没有变化。

这是一张说明我想要实现 的目标的图像：在此处输入图像描述

如果被问到，我会提供更多信息。

非常感谢。

4

2 回答 2

1

我更新了jsfiddle：

http://jsfiddle.net/MXMWe/4/

一些东西：

  1. 我<div id="footer-padding></div>在结束 div 之前添加了一个#content. 然后在 css 中添加height:120px;（与 相同的高度#footer） - 这允许内容文本不会卡在网站的底部，而是卡在页脚的最顶部。
  2. 我删除了页脚上的不透明度，因为如果你有不透明度，它会影响整个 div - AKA 内容 div 中的文本将在它后面可见，因为它是透明的。
  3. 我添加了一个z-index: 2以#footer确保它始终高于#content。

如果您要将不透明度/透明度作为页脚的背景，您将看到它上面的任何东西，它的后面。

于 2012-10-25T18:34:42.043 回答
-1

你试过使用CSS Sticky Footer吗？

于 2012-10-25T18:28:21.077 回答