-
static
static 默认样式,不会脱离文档流,并且top,bottom,left,right对于它失效。 -
relative
relative为相对定位,不会脱离文档流,相对于其本身正常的位置进行定位。 -
absolute
absolute为绝对定位,脱离文档流(z-index>0),相对于第一个非static属性的父级进行定位。
-
fixed
脱离文档流,相对浏览器窗口进行定位,不论窗口是否滑动它都定位于那个位置。 -
inherit
继承父元素的定位样式。 -
sticky
sticky粘性定位,当sticky在所有元素之上时(有top属性这个sticky才会生效),sticky相当于fixed。
当sticky不在所有元素之上时,sticky相当于relative。
(使用这个时一定要注意兼容性)
css中的position的六大属性
最新推荐文章于 2024-06-28 07:35:09 发布