我没有容器,没有包装。强迫页脚停留在底部?
我只是有像这样的布局......
<body>
<div id="header">
</div>
<div id="left">
</div>
<div id="right">
</div>
<div class="clear"></div>
<div id="footer">
</div>
我所想要做的是确保页脚始终保持在屏幕的底部,我是否有去很远了内容甚至没有足够的内容一直走到屏幕的底部。
截至目前,我可以得到上面列出的两种方式的工作,但我希望两个工作。
这是我为此设置的CSS。
html {
height: 100%;
}
body {
height: 100%;
position: relative;
}
#footer {
position: absolute;
bottom: 0;
}
我知道,如果我申请最小身高:100%;到CSS文档中的HTML元素,随着内容的发展,但如果我没有任何内容,它本身不会粘在屏幕的底部。分辨率不管。
我已经多次遇到这个问题,并且从来不确定如何弄清楚。所以,一些帮助将不胜感激,连同一些解释。
非常感谢大家的帮助!
'但是如果我没有任何内容,每se'但最终你应该有内容,所以它有什么关系。真的没有人关心你的页脚被困在底部而不是内容下面。我不明白为什么人们为了达到这种无价值的效果而浪费了太多时间。 – animuson
@animuson:我关心它是否卡在底部。如果没有使用我的设计将页脚卡在底部,它会显得很荒谬。感谢您的输入。 :) –
可能重复[如何使页脚固定页脚](http://stackoverflow.com/questions/5189238/how-to-make-a-footer-fixed-in-the-page-bottom ) –