溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
css的布局模型分為流動模型（Flow）、浮動模型（Float）、層模型（Layer）。
浮動模型（Float）和層模型（Layer）有什么顯著區(qū)別？
浮動模型（Float）：浮動是讓某元素脫離文檔流的限制，在浮動框之前和之后的非定位元素會當(dāng)它不存在一樣，可能沿著它的另一側(cè)垂直流動；浮動的元素仍然會占據(jù)文檔流的物理空間。關(guān)于浮動模型的詳細(xì)說明請看另一篇文章的介紹。http://ycgit.blog.51cto.com/8590215/1958452
層模型（Layer）：設(shè)置為層模型的元素已從文檔流刪除，在文檔流上層一層層覆蓋，寫在后面的層模型元素會覆蓋前面層模型元素，層模型元素的定位與文檔流無關(guān)，只基于帶有定位屬性（relative、absolute）的元素或視窗；
position的relative、absolute與fixed區(qū)別？
這三個定位屬性是屬于層模型的三種體現(xiàn)形式，另外任何元素都可以定位，不過絕對定位或固定定位元素會生成一個塊級框（有塊級元素特性，但不占整行），而不論該元素本身是什么類型。
使用區(qū)別
relative 相對定位，以自己當(dāng)前處于文檔流的位置為基準(zhǔn)設(shè)置偏移量，所以自身在文檔流會保持占有固定的物理空間，并且物理空間的位置只受文檔流的影響，而不受自身設(shè)置偏移量（top/left這些）影響，注意自身設(shè)置了margin這類非定位屬性也一樣改變其在文檔流的物理位置。
absolute 絕對定位，是相對于設(shè)置了position為relative或者absolute最近的父級元素定位（body、html標(biāo)簽也需要定位屬性才能作為定位父級），如果沒有就是基于視窗定位，不占文檔流的物理空間。
fixed 固定定位，是相對于瀏覽器視窗的，不占文檔流的物理空間。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼
