一、定位有哪幾種
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è)置它的水平或垂直偏移量,讓這個元素相對于它在文檔流中的位置的起始點進(jìn)行移動。有一點要注意, 在使用相對定位時,就算元素被偏移了,但是他仍然占據(jù)著它沒偏移前的空間。這里值得注意的一點是:偏移可不是邊距,跟邊距是不一樣的。
四、詳細(xì)解釋絕對定位
被設(shè)置了絕對定位的元素,在文檔流中是不占據(jù)空間的,如果某元素設(shè)置了絕對定位,那么它在文檔流中的位置會被刪除,那這個元素到哪去了呢?它浮了起來,其實設(shè)置了相對定位relative時也會讓該 元素浮起來,但它們的不同點在于,我們可以通過z-index來設(shè)置它們的堆疊順序