欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Dreamweaver怎么使用clear清除浮動?

百度經(jīng)驗   發(fā)布時間：2018-06-05 15:18:59   作者：患者無薪   我要評論
Dreamweaver怎么使用clear清除浮動？Dreamweaver中想要清除清除浮動命令，該怎么使用呢？下面我們就來詳細(xì)介紹clear清除浮動的使用方法，需要的朋友可以參考下

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

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

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

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

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

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

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

以上就是Dreamweaver中clear清除浮動的使用方法，希望大家喜歡，請繼續(xù)關(guān)注腳本之家。

相關(guān)推薦：

DW怎么設(shè)置網(wǎng)站的背景圖像?

dreamweaver怎么做一個簡單的網(wǎng)頁?

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

相關(guān)文章

最新評論