position定位

1.相对定位：relative

一般用来给绝对定位当爹用，将绝对定位的子盒子限制在父盒子之中。

特点：不脱标，也就是说原本占有的位置不会被其他盒子所挤占。

2.绝对定位：absolute

绝对定位需要依托父盒子进行定位，如果没有父盒子或祖先盒子，则以浏览器为准定位（Document文档）。

如果父/祖先盒子有定位（相对、绝对、固定定位），则以最近一级的有定位祖先盒子为参考点移动位置。

绝对定位不再占有原先的位置。（脱标）

3.固定定位：fixed

以浏览器的可视窗口为参照点移动盒子。

跟父盒子没有任何关系。

不随滚动条滚动。

可以视为一种特殊的绝对定位。（以可视窗口为盒子）

不占有原先的位置，即脱标。

4.粘性定位（了解）

粘性定位可以被认为是相对定位和固定定位的混合。Sticky粘性的语法：

　　选择器 { position: sticky; top: 10px; }

粘性定位的特点：

1.以浏览器的可视窗口为参照点移动元素（固定定位特点）

2.粘性定位占有原先的位置（相对定位特点）

3.必须添加top、left、right、bottom其中一个才有效

跟页面滚动搭配使用，兼容性较差，IE不支持。