今天我們就來看看Dreamweaver中清除浮動clear的用法，浮動效果只會對后面的有影響，所以清除浮動命令要添加在后者身上，具體該怎么使用呢？下面我們就來看看詳細的教程。

1、打開Dreamweaver新建html文檔，在body中輸入內容

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

2、對添加的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、對第一個div添加浮動效果float:left；

4、在瀏覽器中預覽查看效果如圖所示，可以看到只對第一個div添加了浮動效果，而下方的第二個div也受到了影響，

5、所以為了避免第二個也受到影響，對其添加清除浮動，因為第一個是添加了向左浮動left，所以如果清除第二個的浮動效果，可以添加清除向左浮動clear:left;

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

7、對第三個div添加向右的浮動，如果所示float:right;

8、對第三個div浮動，會影響到第四個div，所以對第四個div添加清除浮動。

以上就是Dreamweaver中clear清除浮動的使用方法，希望大家喜歡，請繼續關注武林網。

相關推薦：

DW怎么設置網站的背景圖像?

dreamweaver怎么做一個簡單的網頁?

dreamweaver中怎么將文字放到圖片上?