总是出现在顶部和底部的页眉和页脚
对于页脚:
它被称为粘滞页脚。你可以谷歌它并找到一些(谷歌css sticky footer
)。我喜欢这个one。
这实际上比我的回答好,因为它滚动并且不会一直占用空间。在填充中重复高度有点难看,否则,它看起来很干净。 – bitmask 2010-10-29 21:11:20
请参阅此链接并尽可能帮助http://*.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默认
我用你的方法,但问题是与动态内容请参考该链接,看看是否存在一个解决方案。 http://*.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
。
这是一个快速和肮脏的信息,让你开始,因为你没有提供更多的细节问题。
http://*.com/问题/ 4059485 /的尺-CSS-不 - 不工作时最页面加载动态化内容的按钮,点击 – user287745 2010-10-30 16:05:52
我们很乐意,但是您能否改写您的问题以便我们能理解它?你的第一句话似乎没有任何意义(对我来说,至少)。 – 2010-10-29 18:22:46