課程
/前端開發
/HTML/CSS
/如何用CSS進行網頁布局
浮動的原理是什么?
2016-10-21
源自:如何用CSS進行網頁布局 5-2
正在回答
任何元素?element?都可以被浮動。段落、div、list、tables,以及圖像都可以被浮動,事實上即使是像?span?和?strong這樣的行內置元素也可以很好地進行浮動。
任何申明為?float?的元素自動被設置為一個"塊級元素", 這表示它可以具有申明的"width"和"height"屬性。事實上,floats當前被要求具有一個申明的寬度,但這不是現代瀏覽器制造者的思路,W3C以及開始同意這樣的作法。現在大多數人的意見是沒有指定寬度的float應當伸縮包裝到浮動內容的寬度。因此,內部帶有圖片的一個float將和圖片一樣寬,帶有文本的一個浮動將與該浮動內的最長文本行一樣寬。
CSS2.1的浮動規則中這樣講: "如果?width?是以?auto?方式計算得到,使用的值是?shrink-tofit?伸縮到適合的寬度。" 所有現代的瀏覽器已經這樣做,除了IE5/Mac。除非浮動具有某種指定的寬度,否則該瀏覽器會變得錯誤百出?,F在大多數聰明的編碼人員會讓瀏覽器伸縮其沒有寬度屬性的floats, 并使用一個隱藏的專門給IE5/Mac的寬度知識。這可能不算很巧妙,但是它是現在不能滿足該規范的極少數的瀏覽器,同時Mac用戶有幾種更好的選擇。MS停止了對IE5/Mac的支持,因此尋求像伸縮包裝式浮動這樣有用特性被避免的代價太高了,這樣只有IE5/Mac用戶不會看到錯誤的浮動。
打破流布局,個人理解 就好像你把這個塊元素 拿起來 漂浮在了空中一樣
舉報
用最簡潔的案例教你布局的那些知識,這是前端工程師基本技能
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-11-08
任何元素?element?都可以被浮動。段落、div、list、tables,以及圖像都可以被浮動,事實上即使是像?span?和?strong這樣的行內置元素也可以很好地進行浮動。
任何申明為?float?的元素自動被設置為一個"塊級元素", 這表示它可以具有申明的"width"和"height"屬性。事實上,floats當前被要求具有一個申明的寬度,但這不是現代瀏覽器制造者的思路,W3C以及開始同意這樣的作法。現在大多數人的意見是沒有指定寬度的float應當伸縮包裝到浮動內容的寬度。因此,內部帶有圖片的一個float將和圖片一樣寬,帶有文本的一個浮動將與該浮動內的最長文本行一樣寬。
CSS2.1的浮動規則中這樣講: "如果?width?是以?auto?方式計算得到,使用的值是?shrink-tofit?伸縮到適合的寬度。" 所有現代的瀏覽器已經這樣做,除了IE5/Mac。除非浮動具有某種指定的寬度,否則該瀏覽器會變得錯誤百出?,F在大多數聰明的編碼人員會讓瀏覽器伸縮其沒有寬度屬性的floats, 并使用一個隱藏的專門給IE5/Mac的寬度知識。這可能不算很巧妙,但是它是現在不能滿足該規范的極少數的瀏覽器,同時Mac用戶有幾種更好的選擇。MS停止了對IE5/Mac的支持,因此尋求像伸縮包裝式浮動這樣有用特性被避免的代價太高了,這樣只有IE5/Mac用戶不會看到錯誤的浮動。
2016-10-21
打破流布局,個人理解 就好像你把這個塊元素 拿起來 漂浮在了空中一樣