css position 屬性 共有四種： absolute，relative，fixed，static。
其中absolute和fiexd屬性不能和float一起作用於乙個元素。
static很少用，因為正常的頁面呈現順序就是這種，沒必要指定了。
absolute 定位的元素不顧及其他頁面元素，可在頁面的任何位置，甚至其他頁面元素之上。
relative 定位的元素會與其他元素發生定位關係，當元素移動時，之前原始位置會留出空洞（hole）。ie6呈現該定位時有bug
fixed 定位就是頁面的元素固定不會隨scroll移動而移動。
和定位一起使用的四個屬性有top，right，bottom，left。不過使用top和left即可完成大部分工作了，他們的取值可以為負值。
盡量避免同時指定left，right和top，bottom（ie6在這種情況下會忽略right和bottom的值，可新增width：100%；或者zoom：1來測試修改），而採用設定width（height）來完成元素的定位。
而height也少用，因為除了，頁面元素的內容可能過長，指定了height會導致內容撐出定義好的元素邊框，而且使用者改變字型也會是元素內容的長度發生變化。
absolute定位也是相對的，如乙個div是相對與整個視窗的absolute定位（top：100px；left：100px；），那麼它裡邊的元素如其他div的absolute定位都是相對與這個div而言。
這裡有個規則：
如果tag不在任何其他運用了absolute，relative和fixed的tag內，那麼它的absolute定位就是相對於brower window，否則它的absolute定位就是相對于父tag而言的。
relative的適用場合
相對定位的優勢是當定位參照元素位置發生變化時，相對定位元素位置會隨之改變。relative的乙個常用的用法是利用absolute相對定位的特性，如下所示：
h1h1 img
而且relative也很少和top，right，left，bottom搭配使用。
float與position的使用
源 在用div css做網頁的時候float是最常用的，相對於position比較好控制一點。float分為 float left float right float none 一般情況下只用前兩個。浮動從字面意思就知道他是把該層浮起來，在瀏覽器預設的情況下這個位置上是空的，所以在使用float布局...
CSS定位position使用介紹
一 定義 設定元素的偏移效果，一般配合left top right bottom屬性共同作用，用於元素定位。二 position 屬性值介紹 說明 1 文件流 元素未定位前 偏移前 的原本所佔的空間仍保留 非文件流 元素未定位前 未偏移前 的原本所佔的空間由後面元素填充，被其占用。2 相對元素 作為...
CSS中position的使用
position 屬性值 值 描述absolute 生成絕對定位的元素，相對於 static 定位以外的第乙個父元素進行定位。元素的位置通過 left top right 以及 bottom 屬性進行規定。fixed 生成絕對定位的元素，相對於瀏覽器視窗進行定位。元素的位置通過 left top r...