粘性页脚未按计划工作

Question

我有一个粘性页脚，它在一个音乐网站上工作得很好，然而，当我点击带有最多专辑的流派时，它不会使页面变长，而且它们会重叠。这使得链接变得不可读，因为页脚中的图像部分在它们后面。

这是我的粘性页脚代码

html, body
{
    height: 100%;
}

#wrapper
{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -80px;
}

#footer, .push
{
    height: 60px;
}

Answer 1

因为ASP.NET将主要内容插入到form标记中，所以必须将form高度设置为100%。

将CSS更改为以下内容可以解决此问题：

html, body, form
{
    height: 100%;
}

编辑在包装器中，您可以指定80px的负间距，在页脚中，您可以指定高度为60px。这些值应该是相同的，除非您有未显示的子元素正在扩展页脚高度。尝试使这些值相同(要么都是80，要么都是60，取更适合页脚的值)。