CSS 有三種基本的定位方式：文檔流、浮動和定位。
-
文檔流(normal flow)： 文檔流是所有元素布局的基礎，作為從左到右、從上到下的布局方式，這是最常用的一種排版布局方式。
-
浮動(float)：float:left/right；浮動的框可以向左或向右移動，直到它的外邊緣碰到包含框或另一個浮動框的邊框為止。由於浮動框不在文檔的普通流中，所以文檔的普通流中的塊框表現得就像浮動框不存在一樣。適用於實現文字環繞圖片和多列布局。
-
定位(position)有以下四種方式：
| 定位方式 | 實現方式 | 使用場景 |
|---|---|---|
| static | 默認布局，按照文檔流定位； | 默認布局； |
| relative | 相對於元素自身正常位置進行定位，元素在文檔流中仍占據原來空間，只是表現出來的位置會相對原來的位置偏移； | 適用於層疊效果； |
| absolute | 絕對定位，相對於有定位屬性的第一個父元素偏移，absolute定位元素會脫離文檔流； | 適用於小區塊的布局使用頻繁 |
| fixed | 相對瀏覽器窗口定位，設置的偏移屬性，是相對於瀏覽器窗口的位置。 | 適用於廣告等意圖一直出現在用戶眼前的信息。 |