asp.net中的粘性页脚无法正常工作

Question

我在页面中使用粘性页脚，并使用表单标记下面的工作正常检查演示

http://jsfiddle.net/77v3J/

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

http://jsfiddle.net/kn5kF/

Answer 1

将此添加到您的页脚类。

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

找到WORKING DEMO。

修改

如果您想要无绝对位置，请在height

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

For Instance。

{{1}}

希望这有助于现在。

Answer 2

请在bottom:0;position:absolute;班级

中添加footer

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

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

Answer 3

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

Answer 4

改变＆＃34;身体＆＃34;在css文件（或范围）中使用您的表单ID，它对我有用。

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

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

我希望它也适合你。