html - asp.net中的粘滞页脚不起作用

Question

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

http://jsfiddle.net/77v3J/

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

http://jsfiddle.net/kn5kF/

Answer 1

将此添加到您的页脚类。

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

找到工作演示。

编辑

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

例如。

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

希望这对现在有帮助。

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

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

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

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

我希望它也适合你。