相對於元素在正常情況下出現在頁面文檔流的位置，CSS提供了幾種方法來定位。

靜態定位（static）表示按照正常定位方案，元素盒按照在文檔流中出現的順序依次格式化；

相對定位（relative）將移動元素盒，但是它在文檔流中的原始空間會保留下來；

絕對定位（absolute）是指元素盒徹底從文檔流中脫離出來，並相對於其容器塊進行定位。因為這些元素從文檔流中脫離出來，所以它們不再影響周邊元素的布局，並且它們占據的空間不被保存；

固定定位（fixed）與絕對定位類似，元素從文檔流中脫離，但是它們不是相對於容器塊定位，而是相對於視口（viewpoint）定位（大多數情況下，這個視口就是指瀏覽器窗口）。

元素的容器塊：

　　1、根元素（html）創建的容器塊叫做“初始化容器塊”（有些瀏覽器將初始化容器塊放在body元素）。初始化容器塊的長方形盒子填充了瀏覽器窗口視口的大小。如果沒有其他容器塊，CSS就使用初始化容器塊；

　　2、對於被設置為靜態或者相對定位的非根元素，容器塊是它最近的塊級元素、表格單元的內容區的邊緣；

　　3、對絕對定位的非根元素，容器塊是它最近的不是靜態定位的祖先元素。

相對定位元素有如下幾個基本特征：

　　1、使用CSS樣式規則{position:relative;}聲明；

　　2、使用一到多個偏移屬性(top、right、bottom、left)相對於它們在正常文檔流中的初始位置進行定位。沒有設置偏移屬性的，默認被設置為auto；

　　3、在文檔流中所占據的原始空間被保留；

　　4、可能會覆蓋其他元素。

絕對定位元素有如下幾個基本特征：

　　1、使用CSS樣式規則{position:absolute;}聲明；

　　2、使用一到多個偏移屬性（top、right、bottom、left）相對於其容器塊的邊緣進行定位。沒有設置偏移的，默認被設置為auto。偏移值應用於元素盒的外邊緣（如果有margin值的話，就包括margin值）；

　　3、絕對定位的元素完全從文檔流中脫離出來。該元素在正常文檔流中所占據的空間不保留，並且它不再影響其他元素（例如，文本不會圍繞它）。

CSS中的幾種定位簡介