3垂直部分

Question

我有一个网站，我需要一个粘脚。我希望页脚始终位于页面的底部，而不管用户的屏幕尺寸如何。如果内容比屏幕更长，我希望页脚随着它下移。我希望这是没有表格的所有DIV。

下面的文章是我正在寻找，虽然答案不适用于asp.net标记。当我有表单标签时，所有的CSS都被忽略。只要我拿出表格标签，页脚就完美地贴在底部。

How do you get the footer to stay at the bottom of a Web page?

Answer 1

试过以下吗？

.fixedPosition { 
     background-color:black; 
     position:fixed; 
     min-height:200px; 
     left:0px; 
     right:0px; 
     bottom:0px; 
    } 

这将解决你的包装的左侧，右侧和底部。然后你可以决定它会有多高。

如果定位表单存在问题（我不知道）试着包装它。

<div class="fixedPosition"><form></form></div> 

帮助过？

Answer 2

在你的CSS设置标题，内容和页脚div的显示属性来阻止。

#header { 
display:block; 
} 

#content { 
display:block; 
} 

#footer { 
display: block; 
} 

如果你的标题，内容和页脚的div的顺序出现在你的HTML页面，则页脚应该始终显示您的内容下面，除非是在你的代码的其他标记，这不是在本例中被显示。