CSS定位问题

定位有5种类型,position属性各值的含义如下:

  • static

    默认属性值。块级元素生成矩形框,位于文档流中;行内元素生成一个或多个行框,随父元素流动。

  • relative

    元素框偏移一定的距离。

  • absolute

    完全从文档流中移除,定位后生成的都是块级框。相对于不是static的最近父辈元素。

  • fixed

    类似于absolute,不过容纳块是视区自身

  • sticky

    元素一开始留在常规文档流中,达到触发粘滞条件时,从文档流移除,但是在常规文档流中占据的空间得以保留。此时相对容纳块绝对定位。触发粘滞的条件失效后,元素回到常规文档流中最初位置。