第一種位置關系：position:fixed 鎖定位置（相對於整個瀏覽器的位置），常用在各大網站的右下角或其它位置的小廣告。

如果需要調整鎖定位置，需要使用如下方式：<div style="width:300px; height:300px; position:fixed; top:0px; left:0px; right:0px; bottom:0px" ></div>

　　第二種位置關系：position:absolute 絕對位置（相對於父級元素--瀏覽器，絕對定位的上級）　

(1)最外邊沒有absolute，則調整時div相對於瀏覽器變化；（2）最外面有absolute，則調整時div相對於最外層邊界變化。

如果需要調整絕對位置，需要使用如下方式：<div style="width:300px; height:300px; position:absolute; top:0px; left:0px; right:0px; bottom:0px" ></div>

　　第三種位置關系：position:relative 相對位置（相對於自身應該出現的位置）

如果需要調整相對位置，需要使用如下方式：<div style="width:300px; height:300px; position:relative; top:0px; left:0px; right:0px; bottom:0px" ></div>

CSS格式與布局中三種位置的理解與應用