多语言展示
当前在线:180今日阅读:126今日分享:42

CSS教程 浮动与消除浮动

本教程将介绍浮动与消除浮动
工具/原料

sublime_text

方法/步骤
1

新建一个 FloatClear.html 文件,如图所示

2

输入 作用:使用html5的标准,如图所示:

3

输入网页结构的头部和主体,设置title为:浮动与消除浮动,如图所示:

4

定义四个div标签,并且添加CSS样式,如图所示:

5

使用 float 属性让第一个、第二个和第三个div浮动起来,如图所示:

6

使用 clear 属性让第四个div不要受前面三个浮动div的影响,如图所示:

推荐信息