在學習 CSS 時，你可能會聽到一個叫做“脫離文檔流”或“脫離流”的術語。那么，什么是“脫離流”呢？

在 CSS 中，“流”是指 HTML 元素的布局順序。按照默認的順序，HTML 元素會根據其在 HTML 中出現的順序進行布局并占據屏幕的空間。這種布局方式稱為“文檔流（Normal Flow）”。

“脫離文檔流”指的是一種不同的布局方式，即讓元素“脫離文檔流”并不再遵循默認的布局順序。脫離文檔流的元素可以自由移動，覆蓋其他元素，甚至可以超出屏幕邊界。

在實踐中，我們可以用 CSS 的 position 屬性將元素脫離文檔流。position 屬性有三個值可供選擇：

position: static; /* 默認值，元素遵循文檔流布局 */
position: relative; /* 元素相對于其正常位置進行布局 */
position: absolute; /* 元素相對于其最近的非 static（默認）定位祖先元素進行布局 */

使用 position 屬性進行布局時，一定要注意元素的包裹和定位，以避免出現預期外的情況。另外，脫離流雖然可以讓頁面效果更加炫酷，但過度使用可能會導致布局錯亂，影響用戶體驗。