手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

float设置页面布局

时间:2024-10-14 10:10:56

1、新建html文件

float设置页面布局

2、创建div和内容

float设置页面布局

3、预览效果如图

float设置页面布局

4、为div添加样式

float设置页面布局

5、创建一个大的盒子,包含三个div

float设置页面布局

6、预览效果如图

float设置页面布局

7、为三个div添加背景颜色

float设置页面布局

8、预览效果如图,可以看出三个div顶端没有对齐

float设置页面布局

9、添加box样式使其顶端对齐

float设置页面布局

10、预览效果如图

float设置页面布局
© 手抄报圈