关于用伪元素清除浮动的不同写法的一些疑问

Question

方法一
.clearfix:before, .clearfix:after{
            content: '';
            display: table;
        }
        .clearfix:after{
            clear: both;
        }
方法二
        .clearfix:after{
            content: '';
            display: table;
            clear: both;
        }

不知道方法一的写法有什么好处，因为有些较好的网站就用的是方法一，希望大神指点

Answer 1

:before 是防止自己和没有做清除浮动的元素重了。
:after 是避免自己没有做清除浮动和别的元素重了。

Answer 2

Before 的可以防止margin-top溢出叠加到父元素上