CSS是前端開發最基礎和基本的技能之一。其中流（flow）是CSS定義頁面布局的重要概念。浮動流（float flow）和標準流（normal flow）是CSS里面的兩種流，下面進一步介紹一下這兩種流。

標準流是頁面自然流程中元素排版的基本方式。每個塊級元素在標準流里面會獨占一行，而內聯元素一行可以容納多個元素。盒子（box）通過在容器中上下或左右排列，組成整個頁面，這就是標準流的基本原理。

.box {
width: 100px;
height: 100px;
border: 1px solid #000;
}
div {
display: block;
}
span {
display: inline;
}

浮動流是在標準流基礎上增加浮動屬性定義排版方式的一種流程。將元素屬性值設為float后，該元素就會浮動到容器的一端，因此，多個浮動元素可以水平排列在一起。從而實現頁面排版的自由定制。

img {
float: left;
margin-right: 20px;
}

總而言之，標準流是常用的頁面自然流程的默認方式。當需要自定義頁面排版時，浮動流就能夠充分地利用元素自由排版的特性，令頁面看起來更加美觀、合理。