css - 粘性页脚未按计划工作

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%;
}

编辑在 wrapper 中，您指定 80px 的负空间，在页脚中指定 60px 的高度。这些应该是相同的值，除非您有未显示的正在扩展页脚高度的子元素。尝试使这些值相同(均为 80 或均为 60，以更适合页脚为准)。