css position定位要点

一.一共四种定位方式

1.   static  ,此属性默认属性,设置前后左右值后不影响标签位置,屁用没有.

    2   relative,     使用此属性后,可以示坐标在原生位置为原点进行前后左右移动.移动后,原生站位一直保留,不然会因变位扰乱后续标签站位

      

   3  absolute , 相对所在容器前后左右定位,如果父容器标签页没有加入此属性或absolute属性,则相对整个html.

                       父容器的css也加入 position:relativ\ absolute\fix 三个属性后,则,此标签的相对移动以所在容器边界来前后左右移动 

                       父容器啥都不加或加staic,该标签全以html来定位 

4 fixed 固定在屏幕指导位置,不随滚动条变化而改变位置