正常流量是元素在大多數情況下在網頁中顯示的方式。 HTML中的所有元素都是內聯框或內嵌框。
佈置塊盒
在正常流程中，塊框依次位於頁面上（按照它們寫入HTML的順序）。 它們從容器盒的左上角開始，從上到下堆疊。 每個盒子之間的距離由頂部和底部邊距相互折疊的邊距來定義。
例如，您可能有以下HTML：
這是第一個div。 它的像素寬度為200像素，邊距為5像素。
這是一個更寬的div。
這是一個比第二個更寬的div。
每個DIV都是一個塊元素，所以它將被放置在前一個塊元素的下面。 每個左邊的外邊緣都會碰到包含塊的左邊緣。
佈置行內盒
內聯框在頁面上水平放置，一個接一個地從容器元素的頂部開始。 當沒有足夠的空間來容納一行中的內聯框的所有元素時，它們會換行並從那裡垂直堆疊。
例如，在以下HTML中：
該文本是粗體的，並且該文本是斜體 。 這是純文本。
該段落是一個塊元素，但有5個內聯元素：
- “這段文字是”
- “膽大”
- “而這段文字是”
- “斜體”
- “這是純文本。”
所以正常的流程就是這些塊和內聯元素將如何在網頁上顯示，而不需要網頁設計師的任何干預。
如果你想影響頁面上的元素的位置，你可以使用CSS定位或CSS浮動 。