一枢纠、定位有哪幾種
float浮動定位
position:absolute;靜態(tài)定位
position:absolute;絕對定位
position:relative;相對定位
position:fixed;固定定位
position: static; 靜態(tài)定位
二黔牵、四種定位的特性
? flaot定位 相對于父元素容器, 后面緊鄰的則會受到浮動的影響, 這種定位使得元素脫離文檔流
? static(靜態(tài)定位) 照文檔的書寫布局自動分配在一個合適的地方,這種定位方式用margin來改變位置诵次,對left、top蝎宇、z-index等設(shè)置值無效贤旷,這種定位不脫離文檔流。
? position:relative; 可以通過設(shè)置left唉地、top等值据悔,使得指定元素相對其正常的位置進(jìn)行偏移,這種定位不脫離文檔流耘沼;
? position:absolute;這種定位通常設(shè)置父元素為relative定位來配合使用)极颓,在沒有父元素的條件下,它的參照為body群嗤,該方式脫離文檔流菠隆;
fixed(固定定位)相對于整個文檔的,只需設(shè)置它相對于各個方向的偏移值狂秘,就可以將該元素固定在頁面固定的位置浸赫,脫離文檔流;
三赃绊、詳細(xì)解釋相對定位
對某元素設(shè)置了相對定位,那么首先這個元素他會跟其它的元素一樣羡榴,出現(xiàn)在文檔流中它該出現(xiàn)的位置碧查,然后,我們可以設(shè)置它的水平或垂直偏移量校仑,讓這個元素相對于它在文檔流中的位置的起始點(diǎn)進(jìn)行移動忠售。有一點(diǎn)要注意, 在使用相對定位時迄沫,就算元素被偏移了稻扬,但是他仍然占據(jù)著它沒偏移前的空間。這里值得注意的一點(diǎn)是:偏移可不是邊距羊瘩,跟邊距是不一樣的泰佳。
四盼砍、詳細(xì)解釋絕對定位
被設(shè)置了絕對定位的元素,在文檔流中是不占據(jù)空間的逝她,如果某元素設(shè)置了絕對定位浇坐,那么它在文檔流中的位置會被刪除,那這個元素到哪去了呢黔宛?它浮了起來近刘,其實(shí)設(shè)置了相對定位relative時也會讓該 元素浮起來,但它們的不同點(diǎn)在于臀晃,我們可以通過z-index來設(shè)置它們的堆疊順序