粘性页脚问题

时间:2011-07-05 20:00:25

标签: html css

我在谷歌和这里读了很多,我找不到解决方案,我不知道为什么我得到滚动条,我需要向下滚动才能看到页脚,此时此刻我没有任何内容,也没有必要向下滚动,正如您在此处看到的那样:[网址已删除],如果我从徽标中移除margin-top而不是它的工作,但我需要margin-top在那里,你们可以帮我找一个解决方案。

最诚挚的问候。

1 个答案:

答案 0 :(得分:3)

您将body的高度设置为100%,#wrap的最小高度设置为100%,因此将页脚推到视窗窗口之外(这是100%的高度)。尝试删除或降低#wrap上的最小高度值,页脚将会出现。

修改 如果您要使用您链接的页面中的css,则无法在任何内容上添加任何垂直边距,填充或边框。你是在#logo上这样做的,这就是搞乱的事情。

您似乎正在这样做,因为您希望内容具有特定的背景,但您不希望这背后的徽标。您可以通过在#wrap中添加另一个包含内容并将其作为背景的div来解决此问题。将标题留白。

要点:

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

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