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