position:static|relative|absolute|fixed
定位元素位置控制 top/right/bottom/left 定位元素偏移量财搁。
position:relative; 相對(duì)定位
a、不影響元素本身的特性洲胖;
b瘫俊、不使元素脫離文檔流(元素移動(dòng)之后原始位置會(huì)被保留)鹊杖;
c、如果沒有定位偏移量军援,對(duì)元素本身沒有任何影響仅淑;
d、提升層級(jí)
position:absolute; 絕對(duì)定位
a胸哥、使元素完全脫離文檔流涯竟;
b、使內(nèi)嵌支持寬高空厌;
c庐船、塊屬性標(biāo)簽內(nèi)容撐開寬度;
d嘲更、如果有定位父級(jí)相對(duì)于定位父級(jí)發(fā)生偏移筐钟,沒有定位父級(jí)相對(duì)于html發(fā)生偏移;
e赋朦、相對(duì)定位一般都是配合絕對(duì)定位元素使用篓冲;
f、提升層級(jí)
g宠哄、如果定位的元素沒有設(shè)置寬高壹将,同時(shí)設(shè)置了top bottom left right那么同時(shí)滿足他們之間的距離(元素邊緣距參照物邊緣的距離)
z-index:[number]; 定位層級(jí)
a毛嫉、定位元素默認(rèn)后者層級(jí)高于前者诽俯;
b、建議在兄弟標(biāo)簽之間比較層級(jí)
z-index:[number]承粤; 定位層級(jí)
position:fixed暴区; 固定定位
與絕對(duì)定位的特性基本一致,的差別是始終相對(duì)整個(gè)文檔進(jìn)行定位辛臊;
問題:IE6不支持固定定位仙粱;
position:absolute; 絕對(duì)定位元素子級(jí)的浮動(dòng)可以不用寫清浮動(dòng)方法;
position:fixed; 固定定位元素子級(jí)的浮動(dòng)可以不用寫清浮動(dòng)方法浪讳;(IE6不兼容)
關(guān)于層級(jí)問題缰盏。
1.后來居上原則
2.層級(jí)優(yōu)先z-index
3.拼爹原則
4.加上定位之后,繼承失效