CSS是網頁設計中不可或缺的一部分，通過樣式表來實現網頁的美觀和可讀性。在CSS中，文檔流是其中一個重要的概念。文檔流是一種排版模式，它規定網頁元素在文檔中的排列方式。但是，在某些情況下，我們需要脫離文檔流，改變元素的排列方式來實現不同的布局效果。

第一種脫離標準流的方法是使用浮動。當某個元素被設置為浮動后，它將從文檔流中脫離出來，不再占據原始位置。這個元素的位置將根據浮動方向和相鄰元素之間的間距自動調整。例如，以下代碼中，第一個div元素被設置為向左浮動，第二個div元素被設置為向右浮動：

<div class="float-left">左浮動元素</div>
<div class="float-right">右浮動元素</div>
.float-left {
float: left;
}
.float-right {
float: right;
}

第二種方法是使用定位。可以將元素的定位方式從默認的”靜態“改為”絕對“或”相對“，并通過設置top、right、bottom、left等屬性值來改變其位置。被設置為定位元素的元素脫離文檔流，不再占據原始位置。例如，以下代碼中，第一個div元素被設置為相對定位，第二個div元素被設置為絕對定位：

<div class="relative">相對定位元素</div>
<div class="absolute">絕對定位元素</div>
.relative {
position: relative;
left: 50px;
}
.absolute {
position: absolute;
top: 100px;
right: 50px;
}

脫離文檔流有時會導致一些問題，例如元素重疊、父元素高度塌陷等。在使用這些技巧時需要注意元素的相互影響和兼容性。在實現網頁布局時，可以靈活地運用這些技巧，來達到更好的效果。