文檔流
所有文檔流就是按照元素的順序，從左到右，由上而下的方式排列
定位
預設的文檔流很多時候不能滿足我們的布局需求，需要更豐富的布局手段
這時候我們需要定位。定位分為：relative、absolute、fixed、static。
Static 靜态定位（預設）
無定位，元素正常出現了流中，不受left、right、top、bottom屬性的影響
relative相對定位
相對定位是從原有的位置根據left、top進行位移，而且不影響後續元素的位置。
absolute絕對定位
父相子絕：孩子絕對定位 父親設定相對定位 否則會一直往上找
fixed固定定位
固定定位脫離文檔流，并相對視窗進行偏移
z-index
重新定位之後可能出現重疊，我們可以通過z-index調整其順序，z-index預設值為auto
即與父元素相同，可能設定數值，數值大的層位相對于小的上方。
定位總結
- 标準的文檔流按照從左到右，自上而下的方式依次排列元素。若要改變預設布局則需使用定位：relative absolute fixed 等定位方式
- Relative是相對于其原有位置進行偏移
- Absolute是相對于父容器進行偏移，注意父容器必須是有定位的，即非預設（static）的定位方式，否則會一直往上追溯，直到頁面。
- Fixed定位是相對于整個頁面進行偏移
- Relative不會從标準流中脫離，而absolute和fixed都從标準中脫離出來。