首先我们打开自己的电脑，找到已经安装好的Dreamweaver，新建一个html页面，并保存到桌面上然后我们在html的编辑窗口，编辑元素，使其中显示若干文字，我是用的div标签进行布局显示的其在浏览器中的显示效果如下图所示，我们。

1在怪异模式下，也就是网页头部不写doctype的时候，body可以作为html元素的根元素，设置它的高度为百分之百的时候不考虑外边距，可以使的页面的高度和浏览器客户区相同在标准模式下，也就是网页头部写doctype的时候。

1 html中调整位置使用css的float属性详细用法首先在html文件中新建两个div容器，用来方便演示效果，容器中都加入h2标签，设置不同文字便于区分2div标签给它在style标签设置class属性的样式，给它高度和宽度以及颜色，h2。

1打开Hbuilder编辑器，新建一个html空白文档，输入基本的结构，这里设置一个外围的div盒子，给外围的div高度宽度和背景颜色，文字包裹到span标签里，文字也设置一下颜色，按下Crtl+S保存一下2此时可以在软件右侧的窗口。