四种定位方法

margin盒子和盒子之间的间距
            
                定位 position
               static 默认值 没有定位。
 relative 相对定位 ：

             通过left top bottom right进行位置的调整 可以取负的。
               原来的空白会被保留。
               不脱离文档流，占位的 。
               相对于它原来的位置进行定位的。
                    
                什么时候用相对定位
                    1，给绝对定位找参照物（最多）
                    2，想让元素自己走
                    3，层叠顺序

                 定位 position 的目地是为了调整位置。
 绝对定位 absolute：

                 通过left top bottom right进行位置的调整 可以取负的
                 脱离文档流，不占位的 。
                   参照物：默认的参照浏览器的第一屏(html根元素)。
                       如果有父元素且父元素有定位属性，参照物变成父元素（父相子绝）
                       一层一层往外找的参照物。

             relative ：相对定位  不脱离 占位  参照物 原来的位置（自己）。
            absolute： 绝对定位 脱离 不占位 参照物 一层一层往上找定位属性 
                    子绝父相
                    
                   通过left top bottom right进行位置偏移的 可以取负值
  fixed 固定定位：

                  通过left top bottom right进行位置偏移的 可以取负值
                参照物：当前浏览器的可视窗口
                 脱离 不占位
                 
                如果让一个元素在浏览器窗口中水平垂直居中？
                    1,position: fixed;
                        left:50%;
                        top: 50%;
                        margin-left:-盒子宽度的一半;
                        margin-top: -盒子高度的一半;
                    2, position: fixed;
                        top: 0;
                        right: 0;
                        bottom: 0;
                        left: 0;
                        margin: auto;

 粘性定位 sticky ：

                     通过left top bottom right进行位置偏移的 可以取负值 
                     css3.0 兼容不太好
                     相对定位固定定位结合  一般用来做吸顶效果