为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

王小伙吖 2017-03-09 21:16:48
刚学前端,在仿百度首页时遇到了这个问题,页面内容较少,页脚无法显示在浏览器的底部,试了网上的各种方法,始终无法理解,例如下面的代码,wapper的高度如何不受内部元素多少自动适应浏览器高度(元素少的情况下),这样页脚也能显示在浏览器底部了,希望有依靠CSS就可以完成的方法,暂时只学了html,css,感谢! <body> <div class="wapper"> <div class="nav"></div> <div class="main"></div> <div class="footer"></div> </div> </body>
查看完整描述

2 回答

?
田心枫

TA贡献1064条经验 获得超383个赞

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

查看完整回答
1 反对 回复 2017-03-09
?
hahhhha

TA贡献50条经验 获得超32个赞

可以设置页面的min-height

查看完整回答
反对 回复 2017-03-13
  • 2 回答
  • 1 关注
  • 2225 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信