CSS基础:定位positon

一、属性值:

        1.static (默认值)没有定位

        2.relative 相对定位

                无论是标准元素还是浮动元素,相对于它没有定位前的位置进行偏移

                top和bottom left和right各自都只能设置一个

        3.absoule 绝对定位

                会脱离标准文档流

                变成行内块级元素,宽高由内容的宽高决定

                如果有已经定位的祖先元素,则以最近定位的祖先元素为参照进行定位

                如果没有设置定位的祖先元素,则根据可视窗口(内容)进行定位

        4.fixed 固定定位

                脱离标准文档流,变成行内块级元素

                相对于浏览器窗口进行定位,固定在窗口一个位置,不会随着网页的滑动而改动

二、定位属性的附属属性值:

        top left bottom right

三、z-index属性

        指定层叠顺序 值越大显示优先级越高

        值的范围是 -1到9999,默认值是auto

        如果父元素有z-index,就和父元素的值一样,不然就为0

        必须和position结合使用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值