1、打開(kāi)Dreamweaver新建html文檔，在body中輸入內(nèi)容

<div>01</div><div>02</div><div>03</div><div>04</div>

2、對(duì)添加的div添加屬性值，如圖所示，添加不同的顏色作為背景

div:nth-child(1){background-color:red;}div:nth-child(2){background-color:green;}div:nth-child(3){background-color:blue;}div:nth-child(4){background-color:gray;}

3、對(duì)第一個(gè)div添加浮動(dòng)效果float:left；

4、在瀏覽器中預(yù)覽查看效果如圖所示，可以看到只對(duì)第一個(gè)div添加了浮動(dòng)效果，而下方的第二個(gè)div也受到了影響，

5、所以為了避免第二個(gè)也受到影響，對(duì)其添加清除浮動(dòng)，因?yàn)榈谝粋€(gè)是添加了向左浮動(dòng)left，所以如果清除第二個(gè)的浮動(dòng)效果，可以添加清除向左浮動(dòng)clear:left;

6、如果不清楚該添加向哪個(gè)方向的清除屬性，可以設(shè)置為clear:both;不管向左還是向右一律清除，如圖所示效果也是相同的。

7、對(duì)第三個(gè)div添加向右的浮動(dòng)，如果所示float:right;

8、對(duì)第三個(gè)div浮動(dòng)，會(huì)影響到第四個(gè)div，所以對(duì)第四個(gè)div添加清除浮動(dòng)。

以上就是Dreamweaver中clear清除浮動(dòng)的使用方法，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注VeVb武林網(wǎng)。