1.定位：

定位：将盒子定在某一位置，摆放、移动盒子。

定位=定位模式+边偏移

模式： static （静态） relative （相对） absolute （绝对） fixed （固定）

边偏移： top: left: bottom: right:

2.静态定位：

即标准流。

3.相对定位relative：

相对自身移动，以原来自己的位置移动。

区别于浮动，相对定位后不脱离标准流，原来的位置继续占有。 不影响其他盒子移动。

4.绝对定位absolute：

移动时相对呀祖先元素来说。

如果没有祖先或祖先没有定位（非静态定位即可），则以浏览器为准。 父盒子没有定位，则仍以浏览器为准。

若祖先盒子有定位，则以最近一级有定位的的父盒子为参照。

！！绝对定位不再占用原先的位置（托标）！！

5.孩子用绝对定位，父亲用相对定位：

子级绝对定位：不会占有位置，可以放到父盒子的任意地方不影响其他兄弟盒子。

父盒子需要加定位限制子盒子在内显示：父盒子需要使用相对定位。因为需要占有位置。

6.固定定位fixed：

以浏览器可视窗口为准。

和父元素无关，不跟随滚动条滚动。

不占有原先的位置（脱标，特殊的绝对定位）

固定在版心右侧方法：

position：fixed;
left：50%;  //走到浏览器可视区中间
margin-left：版心宽度一半;  //多走版心一半距离

7.粘性定位sticky：

相对定位和固定定位的混合体。

以浏览器可视窗口为参照（固定定位特点） 占有原先位置（相对定位特点） 必须添加top、left、right、bottom其中一个才有效果。

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

8.定位总结：

是否脱标，以为谁准基移动。

子绝对父相对。