CSS中的相对定位和绝对定位

定位布局属性:position
取值:statinc(默认)/relative(相对定位)/absolute(绝对定位)/fixed(固定定位)
1。relative(相对定位):元素设置相对定位,会参照元素本身在文档中的原始位置进行偏移,元素会保留元素的起始位置.
2。absolute(绝对定位):特点:元素设置绝对定位会脱离文档流,在文档中不占位,参照离它最近的已定位的祖先元素进行偏移,如果没有已定位的祖先元素,则参照浏览器窗口左上角进行偏移。
使用:父元素设置相对定位,子元素设置绝对定位,参照父元素的左上角进行偏移。
3。fixed固定布局:特点:元素设置固定定位,会脱离文档流,参照浏览器窗口进行定位,不跟随页面滚动而滚动。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值