position:relative 相對定位
1.仍在文檔流中
2.參照物為元素本身
** 使用場景:絕對定位元素的參照物 **
屏幕快照 2016-07-21 下午12.14.51.png
position:absolute 絕對定位
1.默認寬度為內容寬度
2.脫離文檔流（如下圖，下面的元素上浮）
3.參照物為第一個定位祖先／根元素
如果給絕對定位設置了top、bottom、left、right 則改元素會被撐為符合改條件的大小
** 使用場景:布局－輪播頭圖 **
屏幕快照 2016-07-21 下午12.22.03.png
屏幕快照 2016-07-21 下午12.24.54.png
position:fixed 固定定位元素
1.默認寬度為內容寬度
2.脫離文檔流
3.參照物為視窗
** 使用場景:布局－固定頂欄、遮罩 **
屏幕快照 2016-07-21 下午12.40.15.png
屏幕快照 2016-07-21 下午12.42.34.png
案例三行自適應布局
body部分自適應，head、foot固定
屏幕快照 2016-07-21 下午12.56.02.png
說明：body部分采用了top、bottom、left、right方式撐滿了整個視窗。
