绝对底部 Sticky footer

绝对底部就是万业的主题不够首屏的情况下依然要求有底部显示在首屏底部的效果

解决思路 1.首先要与一个容器撑开首屏的高度 ，才可以把底部挤到屏幕的底部（空的一个容器，只是用来占地方）
2.想办法非让容器给底部需要像是的内容留一块地方
给footer设置margin-top的负值 然后给容器设置padding-bottom这样可以保证内容增多时不会被线面的底部覆盖
还可以设置容器的高度为 calc（100vh - n） 其中calc 一种计算方法 100vh 表示屏幕的高度 n 代表底部的高度
这种方法底部和重甲的容器是兄弟关系

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,839评论 1赞 92
  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,899评论 25赞 709
  • 拥抱的姿势
    前两天学校组织了一次毕业季励志感恩活动，也许是讲师讲的太好，太煽情，不仅学生和班主任哭了，我也差点哭了。说是差点哭...
    梓鍩阅读 875评论 0赞 1
  • 诗领词《九寨沟》
    《九寨沟》<顶针> 山川绿水接云烟，水接云烟落石泉， 烟落石泉流九寨，泉流九寨入山川。 <平水韵> 《九寨沟》 入...
    刘小地阅读 386评论 26赞 76
  • 报价1.5亿，权健要买王永珀
    新升入中超的天津权健目前正在大肆招兵买马对阵容升级换代，此前有天津媒体报道称，鲁能的王永珀是权健内援引进的潜在人选...
    超拽老爷们阅读 132评论 0赞 0