前端~定位屬性position（relative、absolute、fixed）的分析
1，簡單了解：
relative：移動自身時，參考自身的原來位置而移動，移動子元素（子元素設置了absolute），作為定位的基准點（參照物）
absolute: 隨參照物的變化而變化
fixed：固定
2，position 是否會被內部的子元素繼承？
會，一般不能繼承的屬性，像盒模型，border、margin、padding等
但是，當子元素（或者時子組件）需要調整位置時，一定要~重新設置一下position的屬性值
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分層設計。