在網頁中，我們常常需要對元素進行布局，而CSS脫離標準流則是這種布局方式中非常重要的一種技術。下面將介紹CSS脫離標準流的三種方式。

第一種方式是使用“float”屬性。通過設置元素的float屬性，可以讓元素“浮”起來，且不占用文檔結構中該元素的位置，從而脫離標準流。例如：

div {
float: left;
}

使用float屬性后，div元素將會浮在頁面左側，而其他元素則會自動環繞該元素。

第二種方式是使用“position”屬性。position屬性有三種值：static、relative和absolute。其中relative和absolute可以用來實現脫離標準流。例如：

div {
position: relative;
left: 100px;
top: 50px;
}

使用relative屬性后，div元素將會相對于原來的位置，向右移動100px，向下移動50px，而其他元素不會受到影響。

第三種方式是使用“display”屬性。display屬性可以改變元素的顯示方式，從而實現脫離標準流。例如：

div {
display: inline-block;
}

使用inline-block屬性后，div元素將會變成行內塊元素，即既可以像行內元素一樣顯示在一行里，又可以像塊級元素一樣設置寬高等屬性。

以上就是CSS脫離標準流的三種方式。在實際開發中，我們可以根據需要選擇不同的方式來實現元素的布局，從而更好地滿足用戶需求。