CSS中clear如何清除浮動-創(chuàng)新互聯(lián)

這篇文章主要為大家展示了“CSS中clear如何清除浮動”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學習一下“CSS中clear如何清除浮動”這篇文章吧。

創(chuàng)新互聯(lián)專注于浦口網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。熱誠為您提供浦口營銷型網(wǎng)站建設(shè)，浦口網(wǎng)站制作、浦口網(wǎng)頁設(shè)計、浦口網(wǎng)站官網(wǎng)定制、微信小程序定制開發(fā)服務(wù)，打造浦口網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供浦口網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

1、CSS中的clear有四個參數(shù)：

none：允許兩邊都可以浮動。

left：不允許左邊有浮動。

right：不允許右邊有浮動。

both(默認)；不允許有浮動。

2、一開始在CSS中clear浮動是默認both，也就是說一開始不能有浮動的。

3、使用的案例：假設(shè)我清除第三個DIV的浮動

<style type="text/css">  
div{   
border:1px solid red;   
float:left;   
clear:none;   
}   
#msg_Div{   
width:600px;   
height:600px;   
}   
.one{   
width:100px;   
height:90px;   
}   
.two{   
width:100px;   
height:90px;   
}   
.three{   
width:100px;   
height:90px;   
clear:left;   
}   
.four{   
width:100px;   
height:90px;   
}   
.five{   
width:100px;   
height:90px;   
}   
</style>  
  
    
  
<body>  
<div id="msg_Div">  
<div class="one"></div>  
<div class="two"></div>  
<div class="three"></div>  
<div class="four"></div>  
<div class="five"></div>  
</div>  
</body>

效果：

　 CSS中clear如何清除浮動

以上是“CSS中clear如何清除浮動”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站名稱：CSS中clear如何清除浮動-創(chuàng)新互聯(lián)
本文URL：http://www.rwnh.cn/article10/dsddgo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動態(tài)網(wǎng)站、網(wǎng)站收錄、建站公司、網(wǎng)站改版、面包屑導航、商城網(wǎng)站

聲明：本網(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)容

内射老阿姨1区2区3区4区_久久精品人人做人人爽电影蜜月_久久国产精品亚洲77777_99精品又大又爽又粗少妇毛片

CSS中clear如何清除浮動-創(chuàng)新互聯(lián)