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

創(chuàng)新互聯(lián)是專業(yè)的潁上網(wǎng)站建設(shè)公司，潁上接單;提供成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站,網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行潁上網(wǎng)站開發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!

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

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

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

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

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

2、一開始在CSS中clear浮動(dòng)是默認(rèn)both，也就是說一開始不能有浮動(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;   
}