clearfix怎么读（clearfix）

大家好，小爱来为大家解答以上问题。clearfix怎么读，clearfix很多人还不知道，现在让我们一起来看看吧！

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是否有被撑开

本文到此结束，希望对大家有所帮助。

免责声明：本文由用户上传，如有侵权请联系删除！