position 定位

position  特性

  css position 属性用于指定一个元素在文档中的定位方式。top、right、bottom、left

  属性则决定了该元素的最终位置。

position取值

  static(默认)

  relative(相对定位)

    如果没有定位偏移量,对元素本身没有任何影响

    不使元素脱离文档流

    不影响其他元素布局

    left、top、right、bottom是相对于当前元素自身进行偏移的

  absolute(绝对定位)

    使元素完全脱离文档流

    使内联元素支持宽高(让内联元素具备块特性)

    使块元素默认宽根据内容决定(让块具备内敛的特性)

    如果有定位祖先元素相对于定位祖先元素发生偏移,没有定位祖先元素相对于

    整个文档发生偏移(绝对、相对、固定)

  fixed(固定定位)

    使元素完全脱离文档流

    使内联元素支持宽高(让内联元素具备块特性)

    使块元素默认宽根据内容决定(让块具备内敛的特性)

    相对于整个浏览器窗口进行偏移

  sticky(粘性定位)

    单加无意义,必须要加定位才有意义

    在指定的位置,进行粘性吸附

posted @ 2021-01-02 14:31  小_小白  阅读(73)  评论(0)    收藏  举报