本篇文章給大家分享的是有關(guān)如何在Dreamweaver中使用clear清除浮動，小編覺得挺實用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

公司主營業(yè)務(wù)：成都網(wǎng)站設(shè)計、做網(wǎng)站、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團(tuán)隊有機(jī)會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出阿魯科爾沁免費(fèi)做網(wǎng)站回饋大家。

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

01
02
03
04

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、在瀏覽器中預(yù)覽查看效果如圖所示，可以看到只對第一個div添加了浮動效果，而下方的第二個div也受到了影響，

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

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

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

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

以上就是如何在Dreamweaver中使用clear清除浮動，小編相信有部分知識點(diǎn)可能是我們?nèi)粘９ぷ鲿姷交蛴玫降?。希望你能通過這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。