在web開發中，我們經常需要控制網頁元素的位置和大小，其中CSS是一門強大的語言，可以實現各種效果。但有時候，我們需要將元素從標準流（normal flow）中移除，以便更好地控制它們的位置和布局。接下來我們將討論一些脫離標準流的方法。

首先，我們可以使用float屬性使元素浮動起來。當元素浮動時，其它元素會圍繞它排列。例如：

.example {
float: left;
}

上面的代碼會使名為example的元素向左浮動，并使其右側的元素緊隨其后。需要注意的是，使用float屬性可能會導致一些未預料的行為，因此我們需要注意控制元素的大小和位置，以確保布局的正確性。

其次，我們可以使用position屬性將元素從標準流中移除。position屬性有多種屬性值，包括static、relative、absolute、fixed等。其中最常用的是relative和absolute。例如：

.example {
position: relative;
left: 50px;
top: 50px;
}
.example2 {
position: absolute;
left: 0;
top: 0;
}

上面的代碼將name為example的元素相對于其原來的位置向右和向下移動了50像素，而example2元素則是相對于其最近的有position屬性的祖先元素（如果沒有則是body元素）移動到了左上角。需要注意的是，使用position屬性也可能會導致布局異常，因此需要謹慎使用。

最后，我們還可以使用display屬性將元素變成塊級元素或內聯元素。通過將元素變成塊級元素，我們可以使其在一行內占據所有可用的寬度；而將元素變成內聯元素，則可以使其在文本流中排列。例如：

.example {
display: block;
}
.example2 {
display: inline;
}

上面的代碼將元素example變成了塊級元素，example2變成了內聯元素。通過使用display屬性，我們可以更好地控制元素的位置和布局。

總的來說，掌握脫離標準流的方法可以讓我們更好地掌握CSS，實現更多功能和效果。需要注意的是，在使用這些方法時，我們需要小心地控制元素的大小和位置，以確保最終布局的正確性。