css絕對定位和相對定位-資料下載頁
2025-08-12 10:04本頁面
【導(dǎo)讀】很多朋友問absolute與relative怎么區(qū)分，怎么用？我們都知道absolute是絕對定位，relative是。絕對是什么地方的絕對，相對又是相對于什么地方而言的呢？那他們又有什么樣的特性，可。以做出什么樣的效果呢？關(guān)于兩者之間又有什么樣的技巧呢？下面我們就來一一解讀。Absolute，CSS中的寫法是：position:absolute;他的意思是絕對定位，他是參照瀏覽器的左上。角，配合TOP、RIGHT、BOTTOM、LEFT進行定位，在沒有設(shè)定TRBL，默認依據(jù)父級的做標(biāo)原始點為原始點。始點進行定位，位置將由TRBL決定。很多人出錯就在于這點上出錯。而網(wǎng)頁居左其特性與Relative很相似，但是還是有本質(zhì)的區(qū)。當(dāng)父級內(nèi)有padding等CSS屬性時，當(dāng)前級的原始點則參照父級內(nèi)容區(qū)的原始點進行定位。之前解決層居中的方法是先用div套一層，將text-align設(shè)為center，然后里面層的margin-left. 無意中發(fā)現(xiàn)text-align的設(shè)置在這里是沒有作用的，text-align只對inlineelement（內(nèi)聯(lián)元素的。當(dāng)有兩個被設(shè)為auto時：如果是兩個margin被設(shè)為auto，則margin-left與margin-right長度相。同，這就產(chǎn)生了居中的效果；如果width和某一個margin設(shè)為auto，則這個margin等于0
【正文】 nright被自動設(shè)為 auto以滿足條件方式 當(dāng)它們之中只有一個被設(shè)為 auto 時：比如 {marginleft:auto。 marginright:100px。 width:100px。} ，這時 marginleft會被拉伸至滿足條件，其它類似 當(dāng)有兩個被設(shè)為 auto時： (a)如果是兩個 margin被設(shè)為 auto，則 marginleft與 marginright長度相同，這就產(chǎn)生了居中的效果； (b)如果 width和某一個 margin設(shè)為 auto，則這個 margin等于 0 當(dāng)三個值都設(shè)為 auto時，等價于將 margin設(shè)為 0， width設(shè)為 auto
試題試卷相關(guān)推薦
鄂ICP備17016276號-1