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

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：申請域名、虛擬空間、營銷軟件、網(wǎng)站建設、象州網(wǎng)站維護、網(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、在瀏覽器中預覽查看效果如圖所示，可以看到只對第一個div添加了浮動效果，而下方的第二個div也受到了影響，

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

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

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

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

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

本文標題：如何在Dreamweaver中使用clear清除浮動-創(chuàng)新互聯(lián)
網(wǎng)頁地址：http://weahome.cn/article/cseeoc.html