css定位令你可以將乙個元素精確地放在頁面上你所指定的地方。聯合使用定位與浮動（參見第13課
），你將能夠建立多種高階而精確的布局。
本課我們將討論以下內容：
把瀏覽器視窗想象成乙個座標系統：
如果我們要把這個標題放置在距文件頂部100畫素、左邊200畫素的地方，我們可以在css中輸入以下**：
h1
正如你所看到的，採用css定位技術來放置元素是非常精確的。相對於使用**、透明影象或其他方法而言，css定位要簡單得多。
乙個採用絕對定位的元素不獲得任何空間。這意味著：該元素在被定位後不會留下空位。
要對元素進行絕對定位，應將position屬性的值設為absolute。接著，你可以通過屬性left、right、top和bottom來設定將盒子放置在**。
舉個絕對定位的例子，假如我們要在文件的四個角落各放置乙個盒子：
#box1
#box2
#box3
#box4
position屬性的值設為relative。絕對定位與相對定位的區別在於計算位置的方式。
採用相對定位的元素，其位置是相對於它在文件中的原始位置計算而來的。這意味著，相對定位是通過將元素從原來的位置向右、向左、向上或向下移動來定位的。採用相對定位的元素會獲得相應的空間。
舉個相對定位的例子，我們可以相對於三張在頁面上的原始位置來對它們進行相對定位。注意這些將在文件中各自的原始位置處留下空位。
css元素定位
我們可以使用css的position屬性來設定元素的定位型別，postion的設定項如下 relative 生成相對定位元素，元素所佔據的文件流的位置不變，元素本身相對文件流的位置進行偏移 absolute 生成絕對定位元素，元素脫離文件流，不佔據文件流的位置，可以理解為漂浮在文件流的上方，相對於上...
css中元素的定位
float浮動 定義元素在哪個方向上浮動，通常是用在影象上，然後使文字圍繞周圍，但是，實際使用中，任何元素都可以浮動了，並且，設定此屬性後，該元素會生成乙個塊級框，近乎等於將其轉化為了塊級元素 position屬性中的absolute relative和fixed，先說absolute絕對定位，設定...
CSS控制元素定位
元素定位屬性 position static absolute fixed relative static 元素按自身預設方式顯示，並沒有什麼卵用 absolute 絕對定位，按照父元素為基準，進行偏移，如果沒有父元素，就以body元素為基準定位。一定要記住是相對于父元素的定位 position元素...