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