大家好,小爱来为大家解答以上问题。clearfix用法,clearfix很多人还不知道,现在让我们一起来看看吧!
1、打开web创作工具Adobe Dreamweaver CC 2018,创建一个新的HTML5文档,然后单击“创建”按钮。
2、打开新创建的页面,单击Insert菜单,选择DIV,输入class和id,然后单击OK。
3、用同样的方法,给新添加的div元素添加三个子div,分别设置class属性。
4、添加样式标签,并使用div的类选择器设置元素的宽度、高度、行高、文本中心、浮动和边框。
5、保存代码,打开浏览器看界面效果,可以看到虚线边框里面的元素。
6、在“样式”选项卡中,添加。clearfix:style后,设置内容为空,显示为block,清除两边浮动。
7、再次保存代码并刷新浏览器,查看外部div是否打开。
本文到此结束,希望对大家有所帮助。