使用定位屬性可以控制元素的位置，包括相對定位和絕對定位兩種方式。相對定位是指允許元素在相對於文件布局的原始位置上進行偏移，而絕對定位是指允許元素與原始的文件布局分離且任意定位。
1.1定位方式 position
使用定位方式屬性可以控制瀏覽器應如何定位html 元素。
語法:position:static|absolute|fixed|relaive
說明：static 表示預設值；
absolute表示採用絕對定位，需要同時使用left、right、top和bottom等屬性進行絕對定位；
fixed 表示當頁面滾動時，元素不隨著滾動；
relative 表示採用相對定位，物件不可層疊。
1.2元素位置top、right、bottom、left
元素位置屬性與定位方式共同設定元素的具體位置。
語法：top:auto |長度|百分比
right:auto|長度值|百分比
bottom:auto|長度值|百分比
left:auto|長度值|百分比
說明：auto 表示採用預設值，長度值包含數字和單位，也可以使用百分比來設定。
舉例：1.3 層疊順序 z-index
使用層疊可以設定層的先後順序和覆蓋關係。預設情況下，z-index值為1，表示該層位於最底層。
語法：z-index:auto|數字
說明：auto遵從其父物件的定位；數字必須使無單位的整數值；可以取負值。
舉例：
1.4 浮動屬性 float
使用浮動屬性float可以設定文字在某個元素的周圍，它能應用於所有的元素。
語法：float：none|left|right
說明：none是預設值，表示物件浮動；left表示文字浮動在元素的右邊，right表示文字浮動在元素的左邊。
舉例：
1.5 清楚屬性 clear
清楚屬性用於指定乙個元素是否允許有其他元素漂浮在它的周圍。
語法：clear：none|left|right|both
說明：none 表示允許兩邊都可以有浮動物件，是預設值；
left 表示不允許左邊有浮動物件；
right 表示不允許右邊有浮動物件；
both 表示不允許有浮動物件。
1.6 可視區域 clip
使用clip屬性可以限制只顯示裁切出的區域，裁切出的區域為矩形。只要設定兩個點即可，乙個是矩形左上角的定點
CSS定位屬性
position 把元素放置到乙個靜態的 相對的 絕對的 或固定的位置中。top定義了乙個定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。right 定義了定位元素右外邊距邊界與其包含塊右邊界之間的偏移。bottom 定義了定位元素下外邊距邊界與其包含塊下邊界之間的偏移。left 定義了定位元素左...
定位屬性CSS
第1個盒子 第2個盒子 第3個盒子 鏈結1鏈結2 鏈結3鏈結4 鏈結5 position屬性 static 預設值，沒有定位！relative 相對定位！相對於自身原來的位置！也就是現在的位置，按照定位能還原到原本的位置！設定相對定位的盒子，原本的位置會被留下來！absolute 絕對定位 相對於離...
css定位屬性
網頁製作中，當我們希望元素出現在某個特定的位置時，浮動布局就顯得不夠精確了，此時我們便需要使用定位屬性對元素進行精確定位。css的定位就是將元素放在指定的頁面位置。首先我們要確定定位的模式，在css中，position屬性用於定義元素的定位模式，他有5個常用的屬性值，分別表示不同的定位模式，1.st...