float设置页面布局

 时间:2026-02-16 10:42:25

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设置页面布局

  • OFFICE 2010 安装无法继续 缺少组件 MSXML 6...
  • 图解SQL Server 2012的安装与配置
  • 网克经验总结
  • 惠普商用笔记本UEFI BIOS,如何开启Smart Card
  • Win7怎么解决无法启用共享访问提示错误1061
  • 热门搜索
    福清旅游景点大全 陕西旅游集团公司 九江旅游攻略 粤西旅游景点大全 一月份去哪里旅游好 腾冲银杏村旅游攻略 冬季适合去哪里旅游 男子旅游买藏刀被拘 南昌梅岭旅游攻略 呼伦贝尔旅游网