今日大家就看来看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、对第1个div加上波动实际效果float:left;
4、在访问器中预览查询实际效果如图所示,能够看到只对第1个div加上了波动实际效果,而正下方的第2个div也遭受了危害,
5、因此以便防止第2个也遭受危害,对其加上消除波动,由于第1个是加上了向左波动left,因此假如消除第2个的波动实际效果,能够加上消除向左波动clear:left;
6、假如不清晰该加上向哪一个方位的消除特性,能够设定为clear:both;无论向左還是向右1律消除,如图所示实际效果也是同样的。
7、对第3个div加上向右的波动,假如所示float:right;
8、对第3个div波动,会危害到第4个div,因此对第4个div加上消除波动。
以上便是Dreamweaver中clear消除波动的应用方式,期待大伙儿喜爱,请再次关心脚本制作之家。
有关强烈推荐:
DW如何设定网站的情况图象?
dreamweaver如何做1个简易的网页页面?
dreamweaver中如何将文本放到照片上?