position六种属性及特点

原创于 2018-02-04 00:33:02 发布 · 449 阅读

1 ·

CC 4.0 BY-SA版权

基础知识专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了CSS中position属性的六种不同值及其特性：static、relative、absolute、fixed、inherit 和 sticky。通过这些介绍，读者可以了解到每种定位方式的特点及应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

                    
                    position六种属性及特点

static:默认属性，元素出现在正常流中
relative：相对定位，相对于自身偏移，不脱离文档流(肉体分离 )，没有定位偏移量对元素无影响(表现脱离文档流)
absolute：绝对定位，相对于最近的有偏移的元素，使之脱离文档流
fixed：固定定位，相对于可视区定位，脱离文档流(同absoluted)
inherit:从父元素继承position值
sticky（兼容性不好），不脱离文档流，和relative很像，css3新提出的一种方式，在屏幕范围内位置不受left，top影响;当元素位置移出偏移范围时，定位会变成fixed,根据left，top值变成固定定位