Css 粘性页脚未按计划工作

我有一个粘性的页脚，在音乐网站上运行良好，但是，当我点击专辑最多的流派时，页面不会变长，它们会重叠。这使得链接无法读取，因为页脚中的部分图像位于链接后面

这是我的粘性页脚代码

html, body
{
    height: 100%;
}

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

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

---

由于ASP.NET将主要内容插入

表单

标记，因此必须将

表单

高度设置为100%

将CSS更改为以下选项可以解决此问题：

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

编辑

---

在wrapper中，指定负空格80px，在页脚中指定高度60px。除非未显示扩展页脚高度的子元素，否则这些值应相同。尝试使这些值相同（80或60，以最适合页脚的为准）。

谁说过他正在使用ASP.NET？这并没有改变任何事情：（@Rikudo我可能弄错了，但我相信这个问题最初有一个ASP.NET标记，但Darin在编辑中删除了该标记。@JaredB-W，你的问题与ASP.NET MVC无关。与经典的WebForms相反，在ASP.NET MVC中，标记可能会被重写并自动生成ID，而在ASP.NET MVC中，你可以完全控制生成的标记和CSS。因此发布您的标记和CSS就足够了=>与ASP.NET MVC无关，因此我删除了此标记。@JaredB-W事实上，它是用MVC编写的，这与调试您的问题有关，是的。但这并不意味着这是一个MVC标记问题。此问题专门处理HTML和CSS，与ASP.NET MVC outsid无关这就是为什么Darin（正确地）删除了这些标记，因为这个问题与ASP.NET MVC几乎没有关系（如果有的话）。