CSS定位
CSS定位
position：元素定位方式，取值static、fixed、relative、absolute
static：靜態(tài)定位(默認(rèn)狀態(tài)、不定位)。
Fixed：固定定位。
Relative：相對定位。
Absolute：絕對定位。
定位方式，要與定位屬性配合使用
定位坐標(biāo)：指定定位的元素，偏移目標(biāo)元素多遠(yuǎn)的距離。
left：定位元素，距離目標(biāo)元素左邊的距離。
top：定位元素，距離目標(biāo)元素上邊的距離。
right：定位元素，距離目標(biāo)元素右邊的距離。
bottom：定位元素，距離目標(biāo)元素下邊的距離。
固定定位，position:fixed
固定定位，是相對于瀏覽器窗口來進(jìn)行的定位。
固定定位，不占空間，層級(jí)要高于普通元素。它不會(huì)隨著網(wǎng)頁的滾動(dòng)而滾動(dòng)。
如果不指定定位坐標(biāo)的話，固定定位元素的位置在原地不動(dòng)。
固定定位元素，一定是“塊元素”，不管原來它是什么元素。
相對定位，position:relative;
相對定位，是相對于“原來的自己”進(jìn)行定位。
相對定位，依然占空間，層級(jí)高于普通元素。
如果不指定定位坐標(biāo)的話，相對定位元素的位置在原地不動(dòng)。
相對定位，原來是行內(nèi)元素，定位后還是行內(nèi)元素；原來是塊元素，定位后還是塊元素。
?
注：相對定位和絕對定位，一般情況下是配合使用。
絕對定位，position:absolute
相對于祖先定位元素(相對定位，絕對定位)，來進(jìn)行的定位。
如果它的父元素沒有進(jìn)行任何定位的話，再往上找定位元素。
如果一直找到<body>都沒有找到定位元素的話，那就相對于<body>來進(jìn)行定位。
絕對定位元素，不占空間，層級(jí)要高于普通元素。
如果不指定定位坐標(biāo)的話，絕對定位元素的位置在原地不動(dòng)。
絕對定位元素，是一個(gè)“塊元素”。
