clearfix主要用来保证元素不被撑开，清除元素的左右浮动，并且不占据空间和位置。那么，clearfix的写法以及使用方法是怎么样的呢？
工具/原料
1
Adobe Dreamweaver CC 2018
2
HTML5
3
CSS3
4
截图工具
5
WPS
6
浏览器
方法/步骤
1
打开网页制作工具Adobe Dreamweaver CC 2018，新建HTML5文档，然后点击创建按钮
2
打开已新建的页面，点击插入菜单，选择DIV，输入class和id，然后单击确定
3
使用相同的方法，向刚加的div元素添加三个子div，并分别设置class属性
4
添加style标签，利用div各自的类选择器，设置元素宽度、高度、行高、文字居中、浮动和边框
5
保存代码并打开浏览器，查看界面显示的效果，可以看到虚线边框内部的元素
6
再在style标签中，添加.clearfix::after样式，设置内容为空、display为block、清除两边浮动等
7
再次保存代码并刷新浏览器，查看外层div是否有被撑开
总结
1、新建文档2、插入元素3、设置样式4、保存预览5、添加样式6、再次预览END
注意事项
1
注意clearfix的写法以及使用方法
2
注意css中常用的样式的写法
上一篇：lie和lay的用法总结
下一篇：通配符的使用技巧