粘滞的页脚没有按计划工作

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都是，更好地适合页脚）。