Html asp.net中的粘性页脚不工作

我在我的页面中使用了带表单标签的粘性页脚，它工作正常，下面是详细检查演示

但当我使用

标记时，粘性页脚不起作用，请检查小提琴链接

---

将其添加到页脚类中

.footer {
    bottom: 0;
    position: absolute;
}

找到那个

编辑

如果不想使用绝对位置，则在

中添加

高度
，即
100%

比如说


希望这有帮助。
请添加
底部：0；位置：绝对位置在
footer
类中

 .footer{min-height:48px;
        width:100%; 
        overflow:hidden;
        background-color:#ff0000;
        bottom:0;
       position:absolute;
     }

Live Demo
不要将整个页面包装在表单标签中，此页面的所有内容都不需要提交。
只需将要返回的数据括起来，我将表单标记添加到包装器中，一切都正常-您的标记在语义上不正确，因为屏幕阅读器认为其中的所有内容都可以提交内容。
在css文件（或范围）中用您的表单ID更改“body”，这对我很有效

before:
html，body{height:100%；}

之后：
html，#form1{height:100%；}

我希望它也能为您工作。
没有绝对位置，请：）我已经和我的开发人员讨论过这一点，他说这段代码显示在40多页上，我们无法更改…：（好的，似乎前端开发人员不是构建的一部分，我想如果不愿意更改模板，查看上面的答案是唯一的出路-但要注意跨浏览器问题。如果没有绝对位置，请：）然后将高度
100%
添加到
表单
。例如
。编辑上面的答案。-@CSSGuyyes这是有效的，我有另一个很好的解决方案，如果我们添加表单{display:inline}，那么它也可以工作了，谢谢您一直以来的支持。