当页面内容不多时，页面高度如何撑满整个浏览器

刚学前端，在仿百度首页时遇到了这个问题，页面内容较少，页脚无法显示在浏览器的底部，试了网上的各种方法，始终无法理解，例如下面的代码，wapper的高度如何不受内部元素多少自动适应浏览器高度（元素少的情况下），这样页脚也能显示在浏览器底部了，希望有依靠CSS就可以完成的方法，暂时只学了html,css，感谢！

<body>
<div class="wapper">
<div class="nav"></div>
<div class="main"></div>
<div class="footer"></div>
</div>
</body>

王小伙吖

浏览 2226回答 2

2回答

田心枫

.footer{height:50px;position:fixed;bottom:0px;left:0px;}

1 0

hahhhha

可以设置页面的min-height

0 0

随时随地看视频慕课网APP