首页 > 代码库 > footer 置于页面底部的不解
footer 置于页面底部的不解
网上关于如何将 footer 置于页面底部的文章太多了，我也照着做了几个，但效果不理想，总是有各种各样的问题。
一般的原理都是将 footer 的相对于包含元素绝对定位，而包含元素的高度为百分比。
原理很清晰，但我总是看不懂那些案例的代码。
我试着按照这个原理，自己写了一个，发现在 Chrome 39 和 IE11 下都能正常运作。
HTML:
<body>
...
<div class="wrapper"></div><footer>...</footer>
</body>
CSS:
body{ height: 100%;}html { height: auto; min-height: 100%; position: relative;}footer{ position: absolute; bottom: 0px; height: 20px;}原理也很清晰明了，但我不确定在其他版本的浏览器下能正常运行。
footer 置于页面底部的不解
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。