float设置页面布局
工具/原料
Dreamweaver.exe
方法/步骤
1
新建html文件
2
创建div和内容
3
预览效果如图
4
为div添加样式
5
创建一个大的盒子,包含三个div
6
预览效果如图
7
为三个div添加背景颜色
8
预览效果如图,可以看出三个div顶端没有对齐
9
添加box样式使其顶端对齐
10
预览效果如图
注意事项
注意兼容性
Dreamweaver.exe
新建html文件
创建div和内容
预览效果如图
为div添加样式
创建一个大的盒子,包含三个div
预览效果如图
为三个div添加背景颜色
预览效果如图,可以看出三个div顶端没有对齐
添加box样式使其顶端对齐
预览效果如图
注意兼容性