CSS脫離文檔流是一個重要的概念，它可以使得頁面編輯更為方便，樣式的靈活性更高，也可以提高用戶的體驗感。而實現CSS脫離文檔流的方法有很多種，以下是一些常用的方式：

position: absolute;
position: fixed;
float: left/right;
display: inline-block;

其中，position是CSS脫離文檔流的常用方法之一，使用position: absolute;可以使得元素脫離文檔流，并且根據父元素進行定位。例如：

<div class="box">
<img src="image1.jpg" alt="Image One">
<p class="desc">Image One Description</p>
</div>
.box {
position: relative;
}
.desc {
position: absolute;
bottom: 0;
}

上面的代碼中，我們使用了position: relative;使得.box元素成為一個relative的容器，然后在.desc元素中使用了position: absolute;屬性，讓其從.box的relative容器中脫離文檔流，并且將其定位在.box容器的底部。

除此之外，我們還可以使用position: fixed;來實現元素的固定定位，float: left/right;來實現元素的浮動效果，以及display: inline-block;來實現元素的水平排列效果。

需要注意的是，CSS脫離文檔流的使用應該謹慎，盡可能避免出現頁面排版混亂、內容重復等問題，以提高用戶的閱讀體驗。