关于 position:fixed 的一点小小技巧

position 是用来设置元素的位置的,fixed 是该属性的一个值。

对于英文不好的初学者,可能会弄混 fixed 和 flex,可以自行百度这两个单词的意思。

对于 absolute 和 fixed 这两个常用的值,有一个比较有趣的地方。

当你设定同时给定它们 widht,left 和 right时,right将失效,简单说,在固定宽度的情况下,浏览器无法兼顾 left right 这对矛盾体,

但如果你不设置 width,或者它的值为 auto 时,该元素会被 left 和 right 拉伸宽度。

同理还有 height、top、bottom 这三个属性。

所以有时候你可以这样来书写元素的宽高:

top:0

bottom:0

left:0

right:0

这样元素的宽高都是100%了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值