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

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