页眉和页脚始终显示在顶部和完整的底部

Question

我知道我可以使用母版页，但是我在母版页上使用什么标记来始终在顶部使用标题并使用一些CSS代码在底部一直有一个页脚？

Answer 1

对于页脚：

它被称为粘性页脚。你可以google它并找到一些（谷歌css sticky footer）。我喜欢这个one。

Answer 2

虽然我不完全确定您的上下文是什么，但一般来说，您可以通过为页脚和标题ID /类设置display:fixed并使用bottom:0作为页脚和{{1标题。

您可能希望为两者都包含一个高top:0，因此它们始终显示在最上层。

此解决方案的问题在于页面的实际内容会滚动到两个项目的后面，并且可能无法读取，因此您必须调整两者的顶部和底部z-index。

这是一个快速而肮脏的信息，可以帮助您入门，因为您没有在问题中提供更多详细信息。

Answer 3

使用position: fixed

所以标题可能是：

.header {
     position: fixed;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100px;
}

还有一个页脚：

.footer {
     position: fixed;
     bottom: 0px;
     left: 0px;
     width: 100%;
     height: 50px;
}

这将是一个100px高的标题和底部的50px高页脚。请注意，默认情况下position: fixed在IE6中不起作用