网页不满屏幕高度时,footer始终在底部显示

我们在布局的时候有这样一种情况,就是当页面高度没有超过屏幕高度的时候,footer要固定到底部,而当页面超出满屏的高度的时候,footer要随着高度走。下面我们就通过CSS实现这一效果:

上面的代码实现了当内容不满一屏时,底部内容始终位于显示屏的底部;当内容超过一屏时,则位于内容底部。

AD:站点文章对你有帮助,可以选择去百度口碑好评下,还可以点击此处

赞 (20) 口碑
分享到:更多 ()

本文共有6人发表了自己的想法,下一个就是你!

评论 7

表情 签到
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. 大山
    什么原理呢,菜鸟搞不明白,哪位大神给解释下? :oops: :oops:回复
  2. 梦晴
    感谢博主分享~ 赞~ :wink: :wink:回复
  3. 哦哈哈笑话网
    博主加油,网站很漂亮回复
  4. BOKE123
    :wink: 这个功能还是挺不错的回复

本站能为你提供什么?

从这里开始使用WordPress

快速认识WordPress,熟悉WordPress,掌握WordPress。

选择更好用的模板主题

海量的WordPress主题模板供应下载,搭建网站更加轻松、便捷!

让您的网站更安全可靠

在这里,可以了解更多关于网站安全方面的常识问题,做个攻不可破的webmaster

让您的网站更符合你的需求

学习技术教程,自己也能改网站,学前端,做设计,成为一名WEB开发者