css Clearfix hack使用伪元素

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css Clearfix hack使用伪元素相关的知识,希望对你有一定的参考价值。

@mixin clearfix() {
    &:before,
    &:after {
        content: "";
        display: table;
    }
    &:after {
        clear: both;
    }
}

USEAGE:

.article {
     @include clearfix();
}

以上是关于css Clearfix hack使用伪元素的主要内容,如果未能解决你的问题,请参考以下文章

css Clearfix Hack

css Clearfix Hack

有没有办法在 flexbox 旁边使用 clearfix hack?

两种好用的清除浮动的小技巧(clearfix hack)

知道css有个content属性吗?有什么作用?有什么应用?可以伪类清除浮动

css 来自http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/的新clearfix