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、再次预览