您的位置首页百科知识

clearfix的写法以及使用方法

clearfix的写法以及使用方法

的有关信息介绍如下:

clearfix的写法以及使用方法

clearfix主要用来保证元素不被撑开,清除元素的左右浮动,并且不占据空间和位置。那么,clearfix的写法以及使用方法是怎么样的呢?

打开网页制作工具Adobe Dreamweaver CC 2018,新建HTML5文档,然后点击创建按钮

打开已新建的页面,点击插入菜单,选择DIV,输入class和id,然后单击确定

使用相同的方法,向刚加的div元素添加三个子div,并分别设置class属性

添加style标签,利用div各自的类选择器,设置元素宽度、高度、行高、文字居中、浮动和边框

保存代码并打开浏览器,查看界面显示的效果,可以看到虚线边框内部的元素

再在style标签中,添加.clearfix::after样式,设置内容为空、display为block、清除两边浮动等

再次保存代码并刷新浏览器,查看外层div是否有被撑开

1、新建文档

2、插入元素

3、设置样式

4、保存预览

5、添加样式

6、再次预览