Question

我有一个网站，我需要一个粘性页脚。无论用户的屏幕大小如何，我都希望页脚始终位于页面底部。如果内容比屏幕长，我希望页脚随之向下移动。我希望这是所有没有桌子的DIV。

以下帖子是我正在寻找的，虽然答案不适用于asp.net标签。当我有表单标签时，所有css都被忽略。一旦我拿出表格标签，页脚就会完美地贴在底部。

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

Answer 1

在你的css中，将header，content和footer div的display属性设置为阻止。

#header {
display:block;
}

#content {
display:block;
}

#footer {
display: block;
}

如果您的页眉，内容和页脚div按此顺序出现在您的html页面中，则页脚应始终显示在您的内容下方，除非您的代码中有其他标记未在示例中显示。

Answer 2

试过以下？

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

这会将您的包装器固定在左侧，右侧和底部。然后你可以决定它的高度。

如果定位表格有问题（我不知道），请尝试包装。

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

帮助过吗？

3垂直部分

2 个答案: