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

創(chuàng)新互聯(lián)建站是一家專(zhuān)注于成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)與策劃設(shè)計(jì),同仁網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)建站做網(wǎng)站,專(zhuān)注于網(wǎng)站建設(shè)十年,網(wǎng)設(shè)計(jì)領(lǐng)域的專(zhuān)業(yè)建站公司;建站業(yè)務(wù)涵蓋:同仁等地區(qū)。同仁做網(wǎng)站價(jià)格咨詢(xún):13518219792

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

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

Float：none|left|right

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

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

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

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

清除層的漂移范圍

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

Clear：none|left|right|both

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

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

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

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

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

名稱(chēng)欄目：web開(kāi)發(fā)中如何設(shè)置層的漂移-創(chuàng)新互聯(lián)
本文URL：http://www.chinadenli.net/article8/jgcip.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營(yíng)銷(xiāo)推廣、微信公眾號(hào)、App開(kāi)發(fā)、虛擬主機(jī)、網(wǎng)站排名、電子商務(wù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)