四種定位方式:(由元素設(shè)置position屬性確定定位方式)
1.static(靜態(tài)定位)----默認(rèn)值,標(biāo)準(zhǔn)文檔流正常位置(html中的位置),處于標(biāo)準(zhǔn)文檔流中
2.relative(相對定位)----相對自身原有(正常)位置偏移,處于標(biāo)準(zhǔn)文檔流中
3.absolute(絕對定位)----相對非默認(rèn)定位的首個父元素(包含塊)偏移,脫離標(biāo)準(zhǔn)文檔流
4.fixed(固定定位)----相對瀏覽器窗口偏移來定位
·相對定位(position:relative)
定位特點:
--相對于自身原有位置(標(biāo)準(zhǔn)文檔流正常位置)進(jìn)行偏移
--仍處于標(biāo)準(zhǔn)文檔流中(自身原有位置所占空間保留)
--隨即擁有偏移量letf/right/top屬性&空間堆疊z-index屬性
·絕對定位(position:absolute)
定為特點:
--建立已包含塊為基準(zhǔn)的定位(相對于static定位以外(非靜態(tài)定位)的第一個父元素)
? 沒有這樣的父元素就是相對<html>偏移
--完全脫離標(biāo)準(zhǔn)文檔流,對于html中的其他兄弟元素不造成任何影響
--隨即擁有偏移量left/right/top屬性&空間堆疊z-index屬性