CSS清除浮动之after伪元素

在我们布局中，使用浮动会让我们元素脱离文档流，会影响接下来的布局，所以我们需要消除浮动，让我为大家介绍一种非常常用的一种清除浮动的方法吧！

after伪元素清除浮动

		/* 给需要浮动元素的父级元素添加上clearfix类名即可 */
        .clearfix::after {
            content: "";/* 伪元素必须设置的 */
            display: block;/* 转换成块元素 */
            height: 0;
            clear: both;
            overflow: hidden;
        }
        .clearfix {
            /* IE6 7 专有 */
            zoom: 1;
        }

不愿意手打的同学可以直接复制下来

感谢阅读！