什么是文檔流?
按w3c規(guī)范中這個其實叫normal-flow,即普通流鱼辙,只是國內(nèi)翻譯者習(xí)慣將其翻譯成文檔流
定義:元素按照其在HTML中的位置順序排列決定排布過程舵揭,并且過程遵循標(biāo)準(zhǔn)的描述
position屬性
元素在頁面中的布局遵守一套文檔流的方式防楷,默認(rèn)的定位屬性值為static如筛,即未被設(shè)置定位的堡牡。
元素如果被定位了,那么它的top,left,bottom,right值就會生效杨刨,能設(shè)置定位的屬性是relative,absolute和fixed晤柄。
需要注意的另一點(diǎn)是被定位的元素層次(z-index)會得到提高。
css中定位機(jī)制有哪幾種拭嫁?
浮動定位(float)可免、相對定位(relative)、絕對定位(absolute)做粤、固定定位(fixed)
浮動定位
特點(diǎn):元素排除在普通流之外,可通過float:left或float:right將它放置在包含框的左邊或者右邊,但是
依舊位于包含框之內(nèi)。
相對定位
相對元素本身定位捉撮,沒有脫離標(biāo)準(zhǔn)文檔流怕品,元素本身所占的位置被保留
絕對定位
相對于最近的一個已經(jīng)設(shè)置position屬性的祖先元素定位,脫離標(biāo)準(zhǔn)文檔流巾遭,重新定位的元素不會占用原來的位置
如果沒有已經(jīng)定位的祖先元素肉康,則以瀏覽器窗口為基準(zhǔn)進(jìn)行定位
固定定位
相對可視窗口進(jìn)行偏移,不受瀏覽器滾動條影響