CSS - 页脚高度 -> 滚动问题答案

【问题标题】：CSS - Footer height -> scroll issueCSS - 页脚高度 -> 滚动问题
【发布时间】：2012-11-21 00:25:46
【问题描述】：

我已阅读有关页脚高度的所有帖子和谷歌搜索结果，但我无法解决此问题。

您可以在此处查看我的索引： http://adamaweb.com/faqme/ 如您所见，我希望页脚延伸到页面的末尾。这不是一个粘性页脚，我只是希望它扩展。但是当您加载网页时，您会看到一个很大的垂直滚动条。

我认为它之所以出现是因为页脚中的 height:100%。是否可以在没有滚动问题的情况下扩展页脚？

【问题讨论】：

提供页脚overflow: hidden; 而不是height: 100%;
您是否尝试过类似以下的方法 - 适合您的风格：#footer { clear: both; height: 75px; position: fixed; bottom: 0; width: 100%; padding: 50px 210px; background-color: black; } 或执行 overflow:hidden
是的，问题是您在页脚上的固定高度为 100%。我看不到不使用 javascript 动态更改高度的选项。
谢谢大家。 @andy 然后页脚不会扩展。 J.Wells 不错，但如果我调整窗口大小，页脚会与内容重叠。
@user1872795 你是什么意思它没有扩展？当我这样做时，它会填满页面的其余部分

【解决方案1】：

只需将 html 背景设置为与页脚相同即可：

   html, body {
     margin:0;
     background:black;
   }

【讨论】：

【解决方案2】：

您可以在body 上放置深色页脚背景。然后您需要为页面内容添加一个 100% 宽的包装器，并在新包装器上使用浅色背景。

是的，根据 cmets，您需要从页脚中删除 height:100%;。

【讨论】：