在CSS中關(guān)于定位的內(nèi)容是:position:relative(相對定位)absolute(絕對定位)? ? ? ? ? ? ? ? ? ? static (無定位)? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? fixed(固定定位)
relative 不脫離文檔流也不會改變元素的類型。它是相對自己來進(jìn)行定位的,參考自身靜態(tài)位置通過top , bottom , left ,right 來進(jìn)行 定位,并且可以通過z-index進(jìn)行層次分級。一般它會用來給absolute做父級。
absolute 會完全脫離文檔流并且可以改變元素類型,也是通過? top, bottom, left, right 來進(jìn)行定位,但是它是相對定位父級的來定位的,如果沒有定位父級就相對body坐標(biāo)原點(diǎn)進(jìn)行定位,可以通過z-index進(jìn)行層次分級。一般用來做小圖標(biāo)和一些簡單的動(dòng)態(tài)效果。
static沒有特別的設(shè)定,所有元素定位的默認(rèn)值, 一般不用注明,除非有需要取消繼承的別的定位。遵循基本的定位規(guī)定,不能通過z-index進(jìn)行層次分級。
fixed 完全脫離文檔流且可以改變元素類型。它所固定的對像是瀏覽器窗口而并非是body或是父級元素??赏ㄟ^z-index進(jìn)行層次分級。一般用來做返回頂部和一些廣告的插入。