absolute： 絕對定位
relative：相對定位
absolute 是參照瀏覽器左上角爲起始點（當父類沒有用relative來定位時）來絕對定位，網頁是隨着屏幕的分辨率改變而自適應，而使用absolute 不會因爲分辨率改變而變化，所以最後發生的效果是不同分辨率的屏幕都不一樣，因此使用absolute 這個來定位需要謹慎考慮。
而當父類用relative來定義的時候，使用absolute就是以父類爲起始點來作爲定位原點，這個也是absolute通常使用的條件。
relative 是參照父類來相對定義的，如果無父類則以<body>來定位。
附上代碼，讀者可在上面演示，便於理解：
<html>
<head>
<style type="text/css">
/* 定義父級position:relative */
.divcss5{position:relative;width:400px;height:200px; border:1px solid #000}
/* 使用絕對定位position:absolute */
.divcss5-a{ position:relative;width:100px;height:100px; left:10px;top:10px;background:#000}
/* 使用絕對定位position:absolute */
.divcss5-b{ position:absolute;width:50px;height:50px; left:10px;top:10px;background:#00F}
</style>
</head>
<body>
<div class="divcss5">
<div class="divcss5-a"></div>
<div class="divcss5-b"></div>
</div>
</body>
</html>