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

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

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

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

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

评论 7

评论前必须登录!

  1. 大山
    什么原理呢,菜鸟搞不明白,哪位大神给解释下? :oops: :oops:
  2. 梦晴
    感谢博主分享~ 赞~ :wink: :wink:
  3. 哦哈哈笑话网
    博主加油,网站很漂亮
  4. BOKE123
    :wink: 这个功能还是挺不错的