相关疑难解决方法(0)

我看过div标签clearfix在孩子divs使用该float属性时使用了一个类.clearfix类如下所示:

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
.clearfix {
    display: block;
}

我发现如果我clearfix在使用该bottom-border属性时不使用,边框将显示在孩子上方divs.有人可以解释一下clearfix类的作用吗？另外,为什么有两个display属性？这对我来说似乎很奇怪.我特别好奇这content:'.'意味着什么.

谢谢,G