css定位

定位：更高级的布局手段，所有元素都可以使用定位

              通过浮动，外边距等都不能实现位置效果的时候，就使用定位

属性：

            position：

              取值：

                  static  默认值，没有设置定位

                  relative  相对定位

                     偏移时参考位置： 元素本身初始位置

                      特点：不脱离标准文档流  初始位置继续占用

                  absolute：绝对定位

                    偏移时参考位置：离他最近的开启定位的祖先元素，如果没有祖先元素开启定位，参考变为body

                      特点：

                          1.margin：100px auto；水平居中没有效果

                          2.设置绝对定位的元素脱离标准文档流

                          3.原来的位置不会继续占用，后面标准文档流中的兄弟元素上移

                          4.会覆盖标准文档流中的文本内容

                        一般作为绝对定位的参考是将祖先元素设置为相对定位

                  fixed：固定定位，就是一个特殊的绝对定位

                     偏移时参考位置：浏览器视口

                      特点：

                           1.设置绝对定位的元素脱离标准文档流

                           2.原来的位置不会继续占用，后面标准文档流中的兄弟元素上移

                  sticky:粘性定位

                     参考位置：离父元素的距离，如果离父元素的距离与设置一致，就固定不动

                        特定：

                            1.不脱离标准文档流，原先位置继续占有