清除浮动

推荐使用:

.clearfix::after {
    content: "\0020";
    display: table;
    clear: both;
}

将clearfix添加到父元素,即可清除浮动,原理与添加一个空的块级元素再添加clear: both样式一样,但是使用伪元素可以不破坏页面结构

此时要注意父元素原来是否已经设置了::after伪元素,避免冲突

posted on 2018-11-01 00:43  肥嘟嘟啊左卫门  阅读(103)  评论(0编辑  收藏  举报