position 屬性規(guī)定元素的定位類型涉枫。
說(shuō)明:這個(gè)屬性定義建立元素布局所用的定位機(jī)制孽鸡。任何元素都可以定位哪轿,不過(guò)絕對(duì)或固定元素會(huì)生成一個(gè)塊級(jí)框盈魁,而不論該元素本身是什么類型。相對(duì)定位元素會(huì)相對(duì)于它在正常流中的默認(rèn)位置偏移缔逛。
position的屬性值:
absolute:絕對(duì)定位备埃,如果元素設(shè)置absolute姓惑,父級(jí)沒(méi)有設(shè)置absolute褐奴,fixed,relative于毙,那么該元素會(huì)找到上一級(jí)有沒(méi)有這些定位元素敦冬,如果找到了,就會(huì)以該級(jí)元素為參照點(diǎn)定位唯沮,如果沒(méi)有找到脖旱,那么就以瀏覽器定位。脫離文檔流介蛉,定位的元素將會(huì)改變行塊的表現(xiàn)萌庆,行級(jí)元素設(shè)置絕對(duì)定位,可以設(shè)置寬高币旧,塊級(jí)元素不會(huì)繼承父級(jí)寬度,表現(xiàn)和float一樣;
relative:相對(duì)定位别渔,以自身為參照點(diǎn)進(jìn)行偏移,不脫離文檔流彭则,比較溫和,不會(huì)改變?cè)氐哪J(rèn)表現(xiàn)占遥,通常配合絕對(duì)定位使用俯抖。
fixed:固定定位,以瀏覽器為參照點(diǎn)進(jìn)行偏移瓦胎,脫離文檔流芬萍,也會(huì)改變行塊的標(biāo)簽的表現(xiàn),參考absolute搔啊;
static:默認(rèn)值担忧。沒(méi)有定位,元素出現(xiàn)在正常的流中坯癣;
z-index:用來(lái)提升定位元素的層級(jí)瓶盛;z-index 屬性設(shè)置元素的堆疊順序。擁有更高堆疊順序的元素總是會(huì)處于堆疊順序較低的元素的前面示罗。元素可擁有負(fù)的 z-index 屬性值惩猫。Z-index 僅能在定位元素上奏效
定位元素不設(shè)置z-index相當(dāng)于為0;
注意:設(shè)置定位的元素再去設(shè)置浮動(dòng)是沒(méi)有效果的蚜点。
設(shè)置定位元素的層級(jí)會(huì)提升轧房,覆蓋沒(méi)有設(shè)置定位的元素,在定位元素都沒(méi)有設(shè)置z-index的前提下绍绘,后面的定位元素覆蓋前面的定位元素奶镶,如果設(shè)置了z-index,那么誰(shuí)的值大陪拘,誰(shuí)的層級(jí)高厂镇,誰(shuí)就在最上層覆蓋其他的定位元素,如果一樣大左刽,還是后面的覆蓋前面的捺信。