前端~定位屬性position（relative、absolute、fixed）的分析
1，簡單瞭解：
relative：移動自身時，參考自身的原來位置而移動，移動子元素（子元素設定了absolute），作為定位的基準點（參照物）
absolute: 隨參照物的變化而變化
fixed：固定
2，position 是否會被內部的子元素繼承？
會，一般不能繼承的屬性，像盒模型，border、margin、padding等
注意事項：當使用了滾動元件（例如better-scroll）時，跟better-scroll 同層的元件可能需要設定一下positon屬性，
因為有可能better-scroll區域性的滾動範圍會影響到該元件。
3，父級元素（position 是 relative）加入滾動條，子元素（position是 fixed）或 （position 是 absolute）的差異：
fixed：固定 ，位置不變，即使有滾動條，依然不變位置。
absolute：是參考父級元素的位置，父元素位置改變，它相應的改變。
4，屬性值relative 和 absolute 的區別：
（1）是否脫離文件流: relative 不會脫離， absolute 會脫離
（2）物件可否層疊（就是物件原來的位置是否還被佔據）：
□ relative它是以自己本身所在位置進行偏移的，relative的物件被移出了原來的位置後，
注意：他原來的位置還屬於它的，別的元素不能替代它原來的位置.
□absolute以最近一層relative的父級元素物件作為定位基準點，進行移動位置，
當absolute物件移出了原來的位置，那麼他原來的位置也就不存在了， 其他元素可以佔領它的位置。
5，專業解釋relative：
相對定位（relative）：物件不可層疊，依據left，right，top，bottom等屬性在正常文件流中偏移自身位置。
同樣可以用z-index分層設計。