clearfix clearfix使用方法


clearfix clearfix使用方法

文章插图
大家好 , 精选小编来为大家解答以上问题 。clearfix使用方法 , clearfix很多人还不知道 , 现在让我们一起来看看吧!
1、打开网页制作工具AdobeDreamweaverCC2018 , 新建一个HTML5文档 , 然后点击创建按钮 。
【clearfix clearfix使用方法】2、打开新创建的页面 , 单击insert菜单 , 选择DIV , 输入class和id , 然后单击ok 。
3、用同样的方法 , 给刚刚添加的div元素添加三个子div , 分别设置class属性 。
4、添加style标签 , 并使用div各自的类选择器设置元素宽度、高度、行高、文本居中、浮动和边框 。
5、保存代码 , 打开浏览器 , 检查界面上显示的效果 。您可以看到虚线边框内的元素 。
6、在“样式”选项卡中 , 添加 。clearfix:3360样式后 , 设置内容为空白 , 显示为块 , 清除两边浮动等 。
7、再次保存代码并刷新浏览器 , 查看外部div是否被拉伸 。