本教程将介绍浮动与消除浮动
工具/原料
sublime_text
方法/步骤
1
新建一个 FloatClear.html 文件,如图所示
2
输入 作用:使用html5的标准,如图所示:
3
输入网页结构的头部和主体,设置title为:浮动与消除浮动,如图所示:
4
定义四个div标签,并且添加CSS样式,如图所示:
5
使用 float 属性让第一个、第二个和第三个div浮动起来,如图所示:
6
使用 clear 属性让第四个div不要受前面三个浮动div的影响,如图所示:
sublime_text
新建一个 FloatClear.html 文件,如图所示
输入 作用:使用html5的标准,如图所示:
输入网页结构的头部和主体,设置title为:浮动与消除浮动,如图所示:
定义四个div标签,并且添加CSS样式,如图所示:
使用 float 属性让第一个、第二个和第三个div浮动起来,如图所示:
使用 clear 属性让第四个div不要受前面三个浮动div的影响,如图所示: