web開發(fā)中如何設(shè)置層的漂移

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

設(shè)置層的漂移（float）

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

Float：none|left|right

None：默認(rèn)值，對象不漂移

Left：文本流向?qū)ο蟮挠疫?/span>

Right：文本流向?qū)ο蟮淖筮?br/> 
在使用float屬性時(shí)要確定對象的寬度，默認(rèn)情況下層對象的寬度為100%，即使使用的float也不會漂移，因?yàn)樗鼪]有多余的空間給下一個(gè)對象漂移，而設(shè)置對象的寬度后，剩下的寬度可以讓給其他對象漂移到此位置，前提是有足夠的空間。

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

清除層的漂移范圍

若使用float不當(dāng)會出現(xiàn)網(wǎng)頁不齊全，過多向左或向右漂移，這時(shí)可以使用clear，來清除不同方向的漂移，Clear表示控制float漂移，可以設(shè)置float的方向漂移對設(shè)置的方向?qū)ο笥行浴?/p>

Clear：none|left|right|both

None：默認(rèn)值，允許兩邊都可以有浮動(dòng)對象

Left：不允許左邊有浮動(dòng)對象

Right：不允許右邊有浮動(dòng)對象

Both：不允許有浮動(dòng)對象（clear：both；表示這個(gè)層不向兩邊漂移）

以上是“web開發(fā)中如何設(shè)置層的漂移”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！