css position定位

設置了position才能使 TOP,LEFT這些生效

absolute：絕對定位，若是它的父輩元素（包括祖先元素）有position:relative（或position:fixed），則以最近的父元素定位，若沒有，則以瀏覽器定位

relative：相對定位，相對於本身原始位置定位，扔佔有原有位置

 

相對定位：跟它的名同樣，相對嘛，要有一個參照物，但這個參照不是別的，是它本身呢，也就是說沒設相對定位的位置，那你會問了，設沒設都在那個位置爲何要設呢，由於只有設置了才能使 TOP,LEFT這些生效，也就是設了才能相對本身原來的位置偏移，原來的位置保留着，偏移後會把其它的層遮罩住。
絕對定位：在佈局裏不可能有絕對定位的，再怎麼樣都有一個參照位置的，絕對定位的參照位置就不像相對那樣是本身了，至因而哪一個，就看它的上級或上上級有沒有定位了，也就是有沒有position:relative;或position:fixed了，好像position:inherit;也行，前面兩個能夠，後面那個不設什麼的不用也行，最好用position:relative;吧,轉入正題，當要絕對定位的層設好要參照位置的層後，就能夠用TOP，LEFT這些來定位置了，若是它的上級或上上級都沒定位的話只就會根據BODY的位置來定位了,還有最後一點，絕對定位是不佔位置的，它會像PS的圖層同樣單獨作一層，至於第幾層你能夠經過z-index:這個屬性來設置