小編給大家分享一下web開發中如何設置層的漂移，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創新互聯建站是一家專注于成都做網站、成都網站設計與策劃設計,同仁網站建設哪家好?創新互聯建站做網站,專注于網站建設十年,網設計領域的專業建站公司;建站業務涵蓋:同仁等地區。同仁做網站價格咨詢:13518219792

設置層的漂移（float）

層與層在默認情況下不在同一水平線上顯示，而是垂直顯示，當需要多個層在同一水平線上時，按默認的值是不能達到多層在同一位置的，要設置多個層處于同一水平上平行，需要對層設置成為向左或者向右漂移，當層確定寬度后，多個層總寬度沒有超過父對象的寬度時，會出現層漂移。設置層漂移用float表示

Float：none|left|right

None：默認值，對象不漂移

Left：文本流向對象的右邊

Right：文本流向對象的左邊
 
在使用float屬性時要確定對象的寬度，默認情況下層對象的寬度為100%，即使使用的float也不會漂移，因為它沒有多余的空間給下一個對象漂移，而設置對象的寬度后，剩下的寬度可以讓給其他對象漂移到此位置，前提是有足夠的空間。

注意：在html代碼中，向右漂移的對象要寫在向左漂移對象的前面，否則，達不到要設置漂移的目的

清除層的漂移范圍

若使用float不當會出現網頁不齊全，過多向左或向右漂移，這時可以使用clear，來清除不同方向的漂移，Clear表示控制float漂移，可以設置float的方向漂移對設置的方向對象有效性。

Clear：none|left|right|both

None：默認值，允許兩邊都可以有浮動對象

Left：不允許左邊有浮動對象

Right：不允許右邊有浮動對象

Both：不允許有浮動對象（clear：both；表示這個層不向兩邊漂移）

以上是“web開發中如何設置層的漂移”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創新互聯行業資訊頻道！

名稱欄目：web開發中如何設置層的漂移-創新互聯
本文URL：http://vcdvsql.cn/article8/jgcip.html

成都網站建設公司_創新互聯，為您提供全網營銷推廣、微信公眾號、App開發、虛擬主機、網站排名、電子商務

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯