总是出现在顶部和底部的页眉和页脚

我知道我只能使用母版页，但是我在母版页上使用的标记始终在顶部有一个标题并且始终在顶部有一个页脚底部使用一些CSS代码？总是出现在顶部和底部的页眉和页脚

来源

2010-10-29 user287745

我们很乐意，但是您能否改写您的问题以便我们能理解它？你的第一句话似乎没有任何意义（对我来说，至少）。 – 2010-10-29 18:22:46

对于页脚：

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

来源

2010-10-29 18:26:04 Martin

这实际上比我的回答好，因为它滚动并且不会一直占用空间。在填充中重复高度有点难看，否则，它看起来很干净。 – bitmask 2010-10-29 21:11:20

请参阅此链接并尽可能帮助http://stackoverflow.com/questions/4059485/the-footer-css-does-not-work-when-the-page-loads-dynamic-content-at-button-click – user287745 2010-10-30 16:05:26

使用position: fixed

所以头可能是：

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

和脚注：

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

这将是一个100像素高头和在底部的50像素高页脚。需要注意的是position: fixed不IE6默认

来源

2010-10-29 18:27:38 Cfreak

我用你的方法，但问题是与动态内容请参考该链接，看看是否存在一个解决方案。 http://stackoverflow.com/questions/4059485/the-footer-css-does-not-work-when-the-page-loads-dynamic-content-at-button-click – user287745 2010-10-30 16:05:03

工作，虽然我不完全肯定，你的背景是什么，一般你可以通过设置display:fixed为您的页脚和头ID /类和使用bottom:0页脚做到这一点， top:0为标题。

您可能想为两者都包含较高的z-index，因此它们始终显示在最上面的图层中。

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

这是一个快速和肮脏的信息，让你开始，因为你没有提供更多的细节问题。

来源

2010-10-29 18:28:44 bitmask

http://stackoverflow.com/问题/ 4059485 /的尺-CSS-不 - 不工作时最页面加载动态化内容的按钮，点击 – user287745 2010-10-30 16:05:52

总是出现在顶部和底部的页眉和页脚

回答

相关问题