position用法

position设置属性值后,还需要搭配left、top等值,才能发挥预期效果,
例如只设置position: absolute; 而不设置left等,则不会立即根据父级定位元素定位,但依然会脱离正常文档流,并拥有定位属性。

如果不设置position,则默认为static,没有定位,元素出现在正常的流中,同时也会忽略top, bottom, left, right 或者 z-index 等声明。

For example
当设置完一个position属性类别(relative / absolute / fixed 等)
还需设置相应的 left / top / right / bottom 等值。

用relative作为参照物,用absolute定位
因为absolute会脱离正常文档流,没有占位,如果用它做框架,当周边框架定位变化时它却不跟着变,容易重合叠加

position定位后的文档流问题
absolute 元素将会脱离正常的文档流
relative 元素遵循正常的文档流,所以周围元素不会忽略它的存在
fixed 元素将会脱离正常的文档流 生成绝对定位元素 相对于浏览器进行定位

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值