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

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

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

none：允許兩邊都可以浮動(dòng)。

left：不允許左邊有浮動(dòng)。

right：不允許右邊有浮動(dòng)。

both(默認(rèn))；不允許有浮動(dòng)。

2、一開(kāi)始在CSS中clear浮動(dòng)是默認(rèn)both，也就是說(shuō)一開(kāi)始不能有浮動(dòng)的。

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

  
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;   
}