CSS清除浮动之after伪元素 |
您所在的位置：网站首页 › 伪元素清除浮动不管用 › CSS清除浮动之after伪元素 |
|
在我们布局中，使用浮动会让我们元素脱离文档流，会影响接下来的布局，所以我们需要消除浮动，让我为大家介绍一种非常常用的一种清除浮动的方法吧！ after伪元素清除浮动 /* 给需要浮动元素的父级元素添加上clearfix类名即可 */ .clearfix::after { content: "";/* 伪元素必须设置的 */ display: block;/* 转换成块元素 */ height: 0; clear: both; overflow: hidden; } .clearfix { /* IE6 7 专有 */ zoom: 1; }不愿意手打的同学可以直接复制下来 感谢阅读！ |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |