css布局中的?position:static|absolute|fixed|relative 的4中屬性
從上面語法可以看出撇他，定位的方法有很多種，它們分別是靜態(tài)(static)，絕對定位(absolute)猴抹，固定(fixed)带族，相對定位(relative)。在這個(gè)教程里蟀给，我不逐一講蝙砌，只講最常用也是最實(shí)用的兩個(gè)定位方法：絕對定位(absolute)、相對定位(relative)跋理。
絕對定位(absolute)：將被賦予此定位方法的對象從文檔流中拖出择克，使用left，right前普，top肚邢，bottom等屬性相對于其最接近的一個(gè)最有定位設(shè)置的父級(jí)對象進(jìn)行絕對定位，如果對象的父級(jí)沒有設(shè)置定位屬性拭卿，即還是遵循HTML定位規(guī)則的骡湖，則依據(jù)body對象左上角作為參考進(jìn)行定位。絕對定位對象可層疊峻厚，層疊順序可通過z-index屬性控制响蕴，z-index值為無單位的整數(shù)，大的在最上面惠桃，可以有負(fù)值(目前負(fù)值FF不支持)浦夷。
相對定位(relative)：對象不可層疊，依據(jù)left辜王，right劈狐，top，bottom等屬性在正常文檔流中偏移自身位置呐馆。同樣可以用z-index分層設(shè)計(jì)懈息。
我剛開始寫樣式的時(shí)候，很容易在position:absolute出現(xiàn)錯(cuò)位了摹恰，糾結(jié)了1年之后辫继，基本上寫的樣式兼容ie各個(gè)版本怒见，火狐瀏覽器，谷歌瀏覽器，360瀏覽器等主流瀏覽器腋颠。
position:static是默認(rèn)的屬性求晶。
absolute：盡量不要使用left:px。舵变。right:px等屬性。盡量使用margin-left:多少px;這樣不容易錯(cuò)位瘦穆。
fixed：是固定死的纪隙。無論你瀏覽器上下如何滾動(dòng)，距離瀏覽器器的具體都不會(huì)改變的扛或。
relative：相對定位绵咱。
以下是demo1:
層級(jí)關(guān)系為：
為改變參照物（橘色框）后的效果層級(jí)關(guān)系為：
參照物為最頂級(jí)的元素情況。層級(jí)關(guān)系為：
