asp.net中的粘滞页脚不起作用答案

【问题标题】：Sticky footer in asp.net not workingasp.net中的粘滞页脚不起作用
【发布时间】：2014-03-22 07:24:45
【问题描述】：

我在我的页面中使用带有表单标签的粘性页脚，它运行良好，检查下面的演示

http://jsfiddle.net/77v3J/

但是当我使用<form> 标签时，粘页脚不起作用请检查小提琴链接

http://jsfiddle.net/kn5kF/

【问题讨论】：

标签： html css sticky-footer

【解决方案1】：

将此添加到您的页脚类。

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

找到WORKING DEMO。

编辑

如果您想不使用绝对位置，请在100% 中添加height 到<form>

例如。

<form method="post" action="abc.aspx" id="form1" style="height:100%;">

希望这对现在有帮助。

【讨论】：

请不要绝对位置:)
然后将高度100%添加到form。例如<form method="post" action="abc.aspx" id="form1" style="height:100%;">。编辑了上面的答案。 - @CSSGuy
是的，这是可行的，如果我们添加 form{display:inline}，我还有另一个解决方案，那么它也可以正常工作，感谢您一直以来的努力。

【解决方案2】：

请在footer类中添加bottom:0;position:absolute;

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

现场演示http://jsfiddle.net/kn5kF/2/

【讨论】：

请不要绝对位置:)

【解决方案3】：

不要将整个页面包裹在一个表单标签中，这个页面的所有内容都不需要提交。只需附上要返回的数据，我将表单标签添加到包装器中，一切都很好 - 您的标记在语义上不正确，因为屏幕阅读器认为其中的所有内容都可以提交内容。

【讨论】：

我已经和我的开发人员讨论过这个问题，他说这段代码显示在 40 多个页面上，我们无法更改...:(
好的，前端开发人员似乎不是构建的一部分，我想如果不愿意更改模板，查看上面的答案是唯一的出路，但要注意跨浏览器问题。

【解决方案4】：

在 css 文件（或范围）中使用您的表单 ID 更改“body”，它对我有用。

之前：html, body{height: 100%;}

之后：html, #form1 {height: 100%;}

我希望它也适合你。

【讨论】：