关于清除浮动

@mixin clearfix {

    &:after {

        visibility: hidden;

        display: block;

        content: ' ';

        clear: both;

        height: 0;

    }

}

这里设置了visibility: hidden; 和height: 0;是不可见和高度为0吧，可是为什么最后的结果是它能看到而且宽高由子元素撑开了呢？

另外，以前清除浮动好像只有另外三句

display: block;

        content: ' ';

        clear: both;

就可以了呀，这里干嘛还设置这没什么作用还让人迷糊的两句？