国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > 軟件應用 > 正文

Dreamweaver怎么使用clear清除浮動?

2024-09-04 21:29:48
字體:
來源:轉載
供稿:網友
今天我們就來看看Dreamweaver中清除浮動clear的用法,浮動效果只會對后面的有影響,所以清除浮動命令要添加在后者身上,具體該怎么使用呢?下面我們就來看看詳細的教程。

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

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

Dreamweaver,clear,清除浮動

Dreamweaver,clear,清除浮動

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;}

Dreamweaver,clear,清除浮動

Dreamweaver,clear,清除浮動

3、對第一個div添加浮動效果float:left;

Dreamweaver,clear,清除浮動

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

Dreamweaver,clear,清除浮動

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

Dreamweaver,clear,清除浮動

Dreamweaver,clear,清除浮動

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

Dreamweaver,clear,清除浮動

Dreamweaver,clear,清除浮動

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

Dreamweaver,clear,清除浮動

Dreamweaver,clear,清除浮動

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

Dreamweaver,clear,清除浮動

Dreamweaver,clear,清除浮動

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


注:相關教程知識閱讀請移步到Dreamweaver教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 平谷区| 昂仁县| 开江县| 门头沟区| 鹰潭市| 凉山| 河津市| 于都县| 延安市| 黄冈市| 崇义县| 沿河| 麦盖提县| 崇信县| 南投市| 兴山县| 和顺县| 盘山县| 太康县| 遵义市| 盐边县| 东乌| 墨竹工卡县| 阿拉善右旗| 甘孜县| 新邵县| 夏津县| 福建省| 鄂尔多斯市| 五大连池市| 迁西县| 调兵山市| 富民县| 揭阳市| 和政县| 朝阳区| 清新县| 革吉县| 迁安市| 恩平市| 静乐县|