定位的使用及注意事项

• 定位属性

  position:static静态定位，relative相对定位，absolute绝对定位，fixed固定定位。

  1、边偏移值

  top:顶端偏移量，相对于父级上边线

  bottom:底部偏移量，相对于父级下边线的距离

  left:左侧偏移量，相对于父级左边线的距离

  right:右侧偏移量，相对于父级右边先的距离

  2、定位模式

  a、静态定位

        注*所有元素默认为静态定位。

      static:默认值，及标准流。

        静态定位时无法设置偏移值。

        b、相对定位

        relative:在文档标准流中保留位置，可以通过偏移值改变位置。

        移动位置时以子级左上角为基点移动，及相对于自己的位置。

        c、绝对定位

        absolute:完全脱标，可以通过偏移移动位置。

        如果所有父级都没有定位则以浏览器为准。

        父级有绝对，相对，固定定位时，相对父级进行定位。

        及子绝父相

        d、固定定位

         fixed:

       脱离标准流，始终依据浏览器窗口进行定位。

       固定定位元素和父级不在有关系，只和浏览器有关系。

        不占位置，不随滚动条滚动。