html - 粘性页脚问题

Question

我在谷歌和这里阅读了很多，但我找不到解决方案，我不明白为什么我会得到滚动条，我需要向下滚动才能看到页脚，此刻我没有任何内容，也不需要向下滚动，正如您在此处看到的:[URL REMOVED]，如果我从 Logo 中删除 margin-top 就可以了，但我需要它margin-top 那里。你们能帮我找到一个解决方案吗。

最好的问候。

Answer 1

您为 body 设置了 100% 的高度，为 #wrap 设置了 100% 的最小高度，因此页脚被推到 window 之外(即 100 % 高度是)。尝试删除或降低 #wrap 上的 min-height 值，页脚就会出现。

编辑:如果您要使用链接页面中的 css，则不能在任何内容上添加任何垂直边距、填充或边框。您在 #logo 上执行此操作，这就是把事情搞砸的原因。

您这样做似乎是因为您希望内容具有一定的背景，但您不希望它位于 Logo 后面。您可以通过在 #wrap 中添加另一个 div 来解决此问题，该 div 包装内容并为其提供背景。将标题留白。

总结:

• 移除 #logo 上的 margin-top。
• 将 #wrap 上的 margin-bottom 更改为 -54px。
• 为背景的 #wrap 中的内容添加一个 div。

这应该可以解决您的问题。