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

float
position
display

float屬性可以使元素浮動在父元素的左或右側，它會使元素脫離文檔流，其他的元素會圍繞著浮動元素進行布局。

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

static（默認值）
relative
absolute

相對定位的元素仍然占據原本的空間，絕對定位的元素不占據原本的空間，其他元素會填充它所占據的空間。

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

none
inline-block
flex

none值會完全隱藏元素，inline-block值可以使一個塊級元素表現得像行內元素，flex可以通過指定容器的display屬性值為flex，來實現靈活的布局。

脫離文檔流的元素在頁面布局時無法保持原本的位置，如果過度使用這些屬性會導致整個頁面的布局混亂。需要謹慎使用。