absolute強大的高級運用

1、absolute超越overflow

父元素有overflow：hidden/overflow：auto而且不須要position：relative，

position:absolute與margin結合就OK了。

2、absolute無依賴性、跟隨性的絕對定位。

1)、圖片圖標來覆蓋

2)、如何定位下拉框

3)、對齊居中或邊緣

4)、星號時有時無

5)、圖文對齊兼容

6)、文字溢出

3、absolute脫離文檔流

z-index無依賴而且標準：

1)、若是隻有一個絕對定位元素，天然不須要z-index。自動覆蓋普通元素

2)、若是兩個絕對定位，控制DOM流先後順序達到須要的覆蓋效果，一日無z-index

3)、若是多個絕對定位交錯，很是很是少見，z-index：1控制

4)、若是非彈框類的絕對定位元素z-index>2，一定z-index冗餘，請優化。

4、absolute與width和height

1)、容器無需固定width/height值內部元素亦可拉伸

2)、容器拉伸，內部元素支持百分比width/height值

5、absolute實現網頁的總體佈局

你會發現：兼容性好，自適應強，擴展方便，性能優異，能夠方便實現諸多效果，適合移動端，PC端一樣精彩。