CSS中有一些屬性可以使元素脫離文檔流，這些屬性有:

float
position
display

float屬性可以使元素浮動(dòng)在父元素的左或右側(cè)，它會(huì)使元素脫離文檔流，其他的元素會(huì)圍繞著浮動(dòng)元素進(jìn)行布局。

position屬性可以使元素定位于指定位置，它有三個(gè)取值:

static（默認(rèn)值）
relative
absolute

相對(duì)定位的元素仍然占據(jù)原本的空間，絕對(duì)定位的元素不占據(jù)原本的空間，其他元素會(huì)填充它所占據(jù)的空間。

display屬性也可以使元素脫離文檔流，它有幾個(gè)取值:

none
inline-block
flex

none值會(huì)完全隱藏元素，inline-block值可以使一個(gè)塊級(jí)元素表現(xiàn)得像行內(nèi)元素，flex可以通過(guò)指定容器的display屬性值為flex，來(lái)實(shí)現(xiàn)靈活的布局。

脫離文檔流的元素在頁(yè)面布局時(shí)無(wú)法保持原本的位置，如果過(guò)度使用這些屬性會(huì)導(dǎo)致整個(gè)頁(yè)面的布局混亂。需要謹(jǐn)慎使用。