小編給大家分享一下web開發(fā)中如何設(shè)置層的漂移,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
創(chuàng)新互聯(lián)建站是一家專注于成都做網(wǎng)站、成都網(wǎng)站設(shè)計與策劃設(shè)計,同仁網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)建站做網(wǎng)站,專注于網(wǎng)站建設(shè)十年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:同仁等地區(qū)。同仁做網(wǎng)站價格咨詢:13518219792設(shè)置層的漂移(float)
層與層在默認(rèn)情況下不在同一水平線上顯示,而是垂直顯示,當(dāng)需要多個層在同一水平線上時,按默認(rèn)的值是不能達(dá)到多層在同一位置的,要設(shè)置多個層處于同一水平上平行,需要對層設(shè)置成為向左或者向右漂移,當(dāng)層確定寬度后,多個層總寬度沒有超過父對象的寬度時,會出現(xiàn)層漂移。設(shè)置層漂移用float表示
Float:none|left|right
None:默認(rèn)值,對象不漂移
Left:文本流向?qū)ο蟮挠疫?/strong>
Right:文本流向?qū)ο蟮淖筮?/strong>
在使用float屬性時要確定對象的寬度,默認(rèn)情況下層對象的寬度為100%,即使使用的float也不會漂移,因為它沒有多余的空間給下一個對象漂移,而設(shè)置對象的寬度后,剩下的寬度可以讓給其他對象漂移到此位置,前提是有足夠的空間。
注意:在html代碼中,向右漂移的對象要寫在向左漂移對象的前面,否則,達(dá)不到要設(shè)置漂移的目的
清除層的漂移范圍
若使用float不當(dāng)會出現(xiàn)網(wǎng)頁不齊全,過多向左或向右漂移,這時可以使用clear,來清除不同方向的漂移,Clear表示控制float漂移,可以設(shè)置float的方向漂移對設(shè)置的方向?qū)ο笥行浴?/p>
Clear:none|left|right|both
None:默認(rèn)值,允許兩邊都可以有浮動對象
Left:不允許左邊有浮動對象
Right:不允許右邊有浮動對象
Both:不允許有浮動對象(clear:both;表示這個層不向兩邊漂移)
以上是“web開發(fā)中如何設(shè)置層的漂移”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
名稱欄目:web開發(fā)中如何設(shè)置層的漂移-創(chuàng)新互聯(lián)
本文URL:http://jinyejixie.com/article8/jgcip.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供全網(wǎng)營銷推廣、微信公眾號、App開發(fā)、虛擬主機(jī)、網(wǎng)站排名、電子商務(wù)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容