定位有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; .