通過position屬性來設定元素的定位
static：預設值，元素沒有開啟定位
relative：開啟元素的相對定位
absolute：開啟元素的絕對定位
fixed：開啟元素的固定定位（也是絕對定位的一種）
說明：
當開啟了元素的相對定位以後，而不設定偏移量時，元素不會發生任何變化
相對定位是相對於元素在文件流中原來的位置進行定位
.相對定位的元素不會脫離文件流
相對定位會使元素提公升乙個層級
相對定位不會改變元素的性質，塊還是塊，內聯還是內聯
left：元素相對於其定位位置的左側偏移量
right：元素相對於其定位位置的右側偏移量
top：元素相對於其定位位置的上邊的偏移量
bottom：元素相對於其定位位置下邊的偏移量
開啟絕對定位，會使元素脫離文件流
開啟絕對定位以後，如果不設定偏移量，則元素的位置不會發生變化
.絕對定位是相對於離他最近的開啟了定位的祖先元素進行定位的（一般情況，開啟了子元素的絕對定位都會同時開啟父元素的相對定位,子絕父相）
如果所有的祖先元素都沒有開啟定位，則會相對於瀏覽器視窗進行定位
.絕對定位會使元素提公升乙個層級
絕對定位會改變元素的性質，行元素變成塊元素，
塊元素的寬度和高度預設都被內容撐開
固定定位也是一種絕對定位，它的大部分特點都和絕對定位一樣
固定定位永遠都會相對於瀏覽器視窗進行定位
固定定位會固定在瀏覽器視窗某個位置，不會隨滾動條滾動
技巧：
在寫position:absolute的left和top不知道引數寫多少時，可以先設定top:0px,left:0px進行測試，檢視此時的元素是相對於瀏覽器還是某個元素進行相對定位的。
CSS之定位，相對定位，絕對定位，固定定位
1 position 屬性可以控制web瀏覽器如何以及在何處顯示特定的元素。2 可以使用position屬性把乙個元素放置到網頁中的任何位置。可選值 static 預設值，元素沒有開啟定位 relative 開啟相對定位 absolute 開啟絕對定位 fixed 開啟固定定位 3 相對定位 每個元...
絕對定位 相對定位 固定定位的區別
絕對定位 position absolute 特點 元素使用絕對定位之後不佔據原來的位置 脫標 元素使用絕對定位，位置是從瀏覽器出發。巢狀的盒子，父盒子沒有使用定位，子盒子絕對定位，子盒子位置是從瀏覽器出 發。巢狀的盒子，父盒子使用定位，子盒子絕對定位，子盒子位置是從父元素位置出 發。給行內元素使用...
相對定位 絕對定位 固定定位
設定position屬性值為static的元素是乙個靜態定位元素，此值為預設值，即此元素在正常文件流中。設定position屬性為relative的元素是乙個相對定位元素，其定位的參照物為元素本身 即元素原本的位置進行定位 例項 parent child style class parent cla...