Css的浮動定位詳解_第1頁
全文預覽已結束

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

css的浮動定位詳解浮動定位：解決了多個塊級元素能在一行內顯示。什么是浮動定位。可以用如下幾個特點定義。特點一：將元素排解在文檔流之外，即元素脫離文檔流，不受默認羅列方式（從上到下或者從左往右）的控制特點二：浮動起來的元素將不再占用頁面的空間。（元素從掃瞄器上原地拔起，從上往下依然能看到浮動元素），有可能會壓住其他的元素。特點三：元素會停泊在包含框（父層元素）的左邊或左邊，或者停泊在已經浮動的元素的左邊或者右邊特點四：元素無論怎么浮動，終于還是在包含框之內。特點五：塊級浮動之后，寬度自適應不是100%特點六：行內元素浮動后，除了具備以上特點，它將變成塊級元素，行內元素設置浮動多數是為了轉變寬和高。浮動屬性：float:定義當前元素浮動取值：none（默認沒浮動）left（浮動方向左邊）right（浮動方向右邊）下面做一個小練習希翼對web興趣者有一個小小的協助。可以拿代碼過去看效果哦！文字屬性divwidth:200px;height:200px;d1background-color:red;float:right;/*一共三個div塊級元素上下羅列，設置第一個div向右浮動，后面兩個補上*/d2background-color:yellow;d3backgro

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論