定位（静态、相对、固定、绝对，粘性定位）

定位有5种方式：

       1. static 静态定位/无定位：没用型

                用于消除定位，符合标准流;

       2. relative 相对定位：自恋型

               （1）相对位置占据文档流，它相对自己原来位子挪动，即移动位置参照自己原来的位置；

               （2）原来空缺的位子仍保留，即空缺的位置不会被其他元素所占有；

               （3）给绝对定位当爹的. 

       3. absolute 绝对定位：拼爹型

               （1）始终由父标签决定其位置，即以父标签作为参照物；

               （2）若无祖先元素/祖先元素没有定位，则以整个浏览器作为参照物；

               （3）若祖先元素有定位（除了static定位之外），则以最近一级的定位祖先元素作为参照物（就近原则）；

               （4）绝对定位脱离文档流，即相对定位祖先标签挪动后，原来的空缺位置不再占有；

 　　4. fixed 固定定位：

　　　　 （1）用于固定在浏览器页面上，不随浏览器的滚动而改变位置；

 　　　　（2）以浏览器为参照物，和父元素没有任何关系；

　　　　 （3）不随滚动条的滚动而滚动；

　　　　 （4）固定定位不占有原来的位置，即脱离标准流.

　　 5. sticky 粘性定位：

　　　　 （1）以浏览器为参照物（体现固定定位特点）；

               （2）占有原来位置（体现相对定位特点）；

　　　　 （3）必须添加top、bottom、left和right中的一个才有效，比如position: sticky top 100px; .