在網頁制作過程中，文檔流（Document Flow）是指瀏覽器根據HTML文件自上而下逐行讀取，在渲染頁面時按照先后順序逐個布局的方式。但是，在某些情況下，我們需要將元素從文檔流中脫離，使其可以自由定位、堆疊，這時候就需要使用CSS設置脫離文檔流了。

脫離文檔流主要是通過設置元素的position屬性來實現的。對于脫離文檔流的元素，其位置是相對于其最近的已定位（position為relative、absolute或fixed）的祖先元素來定位的。如果沒有定位的祖先元素，則該元素的位置相對于初始包含塊（即瀏覽器視口）來定位。

.example {
position: absolute;
top: 50px;
left: 100px;
}

在上面的代碼中，example元素被設置為absolute定位，并且距離其最近的已定位祖先元素的上邊界以及左邊界分別為50px和100px。這樣，example元素就被脫離了文檔流，可以自由地定位。

值得注意的是，脫離文檔流的元素對于其他元素的位置不會產生影響，也會造成其他元素的重疊或遮擋。因此，在使用脫離文檔流時需要小心，合理規劃布局和使用z-index等屬性避免元素重疊。