为了让footer居于底部,并且可以不随着窗口变小,而往上移动

当看到要让footer居于底部的时候,是不是就有人说,直接用绝对定位就可以了,那你今天看到此文就对了,因为就是来帮你解决这个观点的。因为浏览器窗口的大小会被人为的放大缩小,而绝对定位于底部的参照物是窗口,所以就会跟随窗口浮上,解决办法如下:
1、min-height:600px;(自己设置最小的高度,当页面最小的时候,底部的footer就在600px这位置了)
2、position:relative;(没有这个的话,即使页面大于设置的最小高度,还是会以最小高度显示)
3、height:100%;==》(这个是以相对的那个的高度的100%)
(或者使用height:auto !important)==》(这个是里面的内容的高度撑开外面的高度,最好在页面的内容较多,能够到达浏览器页面的高度时使用)

首先!important的优先级是最高的

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值