大佬教程收集整理的这篇文章主要介绍了HTML – 强制页脚停留在底部?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我只是有这样的布局……
<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元素将随着内容的推移而去,但如果我没有任何内容,它本身就不会粘在屏幕的底部.决议无论如何
我多次遇到这个问题,从来不确定如何解决这个问题.所以,一些帮助将得到很多赞赏,以及一些解释.
非常感谢大家的帮助!
以上是大佬教程为你收集整理的HTML – 强制页脚停留在底部?全部内容,希望文章能够帮你解决HTML – 强制页脚停留在底部?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。