理解CSS中position的各个值

Posted LazyChen

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了理解CSS中position的各个值相关的知识,希望对你有一定的参考价值。

  • static

    position的默认值,没有定位,元素在normal flow中;

  • fixed

    相对于浏览器左上角定位;

  • relative

    相对定位元素,其位置根据其在normal flow中的位置来计算;

  • absolute

    产生脱离正常流的元素,相对于第一个父级position值不为static的元素来定位,没有则相对于body

 

以上是关于理解CSS中position的各个值的主要内容,如果未能解决你的问题,请参考以下文章

positio:absolute与position:relative的区别

为啥使用 CSS 显示在绝对定位图像后面的文本?

关于CSS盒子移动问题

理解position定位

CSS之定位布局(position,定位布局技巧)

HTML5中POSITION的理解