Dreamweaver浮动标签float的简单用法

1、打开Dreamweaver，新建html文件

2、在html文件中，在body中建立

<div>

    <h1>h1</h1>

    <h2>h2</h2>

 </div>

3、对h1和h2稍加修饰以便观察，在style标签下输入样式：

h1{margin:10px;padding:10px;background-color:green;color:white;}

h2{margin:10px;padding:10px;background-color:red;color:white;}

4、当对h1和h2添加向左浮动时：

h1,h2{float:left;}；

h1和h2全部显示在一行内，同时方向从左到右，

5、如果全部添加向右的浮动时：float:right;

从右向左依次为h1、h2

6、还可以对最外面的大盒子div限制宽高，调整位置，而内部的h1和h2标签不会受影响。