给html,body设置min-height 没有作用？
当网页内容区content东西很少时，footer就会跑到上边来？
我给body,html设min-height:100%;没有作用，
设置height：100%；就好了，但是内容多了就在一屏下？
body,html{
min-height:100%;
}
body{
position:relative;
}
.content{
podding-bottom:100px;
}
.footer{
position:absolute;
bottom:0;
left:0;
height:100px;
}
展开
收起
1
条回答
写回答
写回答
-
IT从业这样写：
html { height: 100%; } body { position: relative; min-height: 100%; box-sizing: border-box; padding-bottom: 80px; /* .footer 的高度，为 footer 占位 */ } .footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 80px; }上面的代码兼容到 IE8 及以上
2019-07-17 19:27:04赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
相关课程
更多
推荐问答
