html - 高度为 100% 的包装器显示滚动条

Question

如何去除页面底部的滚动条和显示页脚？

HTML:

<div class="wrapper">
    wrapper
</div>
<footer>
    footer
</footer>

CSS:

* {
    padding: 0;
    margin: 0;
}
html, body {
    height: 100%;
    width: 100%;
}
.wrapper {
    height: 100%;
}

http://jsfiddle.net/eoe26o83/

提前致谢。

Answer 1

上面的问题是包装器的高度为 100%，在该页面上为页脚留下“无空间”。它必须放置在 100% 的页面被使用之后，从而强制滚动。

相反，您可以将页脚的位置更改为固定，并始终位于页面底部。

footer{
    position:fixed;
    bottom:0;
}

http://jsfiddle.net/eoe26o83/4/