漣漪53112021-10-11 23:00:27

定位屬性控制網頁所顯示的整個元素的位置，它可設定元素是放置在頁面的絕對位置，也可設定為相對於其他元素的位置。在本例中：position：absolute；就表示採用絕對定位的方式。

採用絕對定位方式就需要同時採用left，right，top，bottom等屬性來進行絕對定位，而這些屬性也稱為元素位置屬性，分別表示物件與其最近一個定位的父對像的左側，右側，頂部和底部的相對位置，它的值可以為auto；百分數；數值+單位。在本例中left：396px； top：66px；採用的為：數值+單位，分別為與父物件的左側相對位置396畫素，頂部的相對位置為66畫素。

因為在採用absolute定位時，該元素就被當作一個矩形覆蓋物來格式化，格式化後的矩形區域就變成了一個可以放置其他html元素的容器，這個容器也就是層元素，它可以凌駕於html 文件的佈局之上，區域下面的文字圖形無法環繞和透過該容器顯示出來。所以z-index：1；中是利用層疊順序屬性設定層的先後順序和覆蓋關係，z-index值高的層覆蓋z-index值低的層，一般情況下為1，表示該層位於最下層。

width和height是分別設定層的寬度和高度，在本例width：12px； height：103px； 表示寬度為12畫素，高度為103畫素