一、可能的屬性值

1.static:默認值。沒有定位，元素出現在正常的流中（忽略 top, bottom, left, right 或者 z-index 聲明）。

2.absolute：絕對定位。對象脫離常規流，是基於整個屏幕，生成絕對定位的元素，此時偏移屬性參照的是離自身最近的定位祖先元素，如果沒有定位的祖先元素，則一直回溯到body元素。它的父級元素如果設置 relative ,那就就是基於它的父元素的左上角計算。

3.fixed：固定定位。與absolute一致，生成絕對定位的元素，但偏移定位是以瀏覽器窗口為參考。當出現滾動條時，對象不會隨著滾動。沒有滾動條的情況下與fixed沒有差異

4.relative：相對定位，是相對於自己來定位的，在相對於它原來的位置上進行移動

註：絕對定位使用通常是父級定義position:relative定位，子級定義position:absolute；

　　絕對定位屬性 絕對定位非常好用，但切記不要濫用，什麽地方都用。

二、left、top、right、bottom 屬性

left 屬性規定元素的左邊緣。該屬性定義了定位元素左外邊距邊界與其包含塊左邊界之間的偏移。

越往右left越大；越往下，top越大；

越往右right越小；越往下，bottom越小

如果‘position’屬性的值為‘static’，那麽設置‘left’屬性不會產生任何效果。

三、示例

.absolute
{
    position: absolute;
 

    left: 100px;
    right: 100px;
    top: 100px;
    bottom: 100px;
}

CSS定位屬性-position