position
說到position，究竟了解的多少呢？
1.普通版
position的屬性值分別有：
- static：靜態(tài)定位，是作為默認(rèn)值
- relative：相對(duì)定位，相對(duì)于元素自身進(jìn)行偏移，不脫離文檔流
- absolute：絕對(duì)定位，相對(duì)于position不為static的元素，如果沒有則相對(duì)于瀏覽器進(jìn)行定位，脫離文檔流
- fixed:根據(jù)瀏覽器進(jìn)行定位，脫離文檔流
- sticky：粘性定位，當(dāng)沒有設(shè)置top/left/right/bottom時(shí)定位方式與relative相同，設(shè)置之后，當(dāng)滾動(dòng)的距離小于設(shè)置的時(shí)候則顯示fixed的效果，大于時(shí)為relative的效果，不脫離文檔流
這樣就結(jié)束了嗎？
2.升級(jí)版
- 當(dāng)元素脫離文檔流時(shí)會(huì)使父元素塌陷,
- 當(dāng)position：absolute||fixe時(shí)，float會(huì)失效，為relative時(shí)position及float都會(huì)生效，為sticky時(shí)只有float生效
- position產(chǎn)生的層疊上下文是高于float的，幾個(gè)屬性值為后來居上
- 值為absolute時(shí)會(huì)使元素變?yōu)閴K級(jí)
position就這些了吧
