.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}。。这个啥功能
回复讨论(解决方案)
css content 属性与 :before 及 :after 伪元素配合使用，来插入生成内容。
css content 属性与 :before 及 :after 伪元素配合使用，来插入生成内容。
插入啥。。插入后变成什么情况
这明显是用来清除浮动的代码
完美的清除浮动的解决方案就是伪类 + 触发IE下的私有属性 hasLayout来解决
.cf:after{display:block;content:'';clear:both;}
.cf{zoom:1}
这种方法的前身就是利用空标签来清除浮动，只不过由于空标签清除浮动在结构语义上不太符合规范（凭空多出空标签），所以配合伪类来实现如此效果
css content 属性与 :before 及 :after 伪元素配合使用，来插入生成内容。
插入啥。。插入后变成什么情况
content 引号里面的内容 这里是一个点号
这明显是用来清除浮动的代码
完美的清除浮动的解决方案就是伪类 + 触发IE下的私有属性 hasLayout来解决
.cf:after{display:block;content:'';clear:both;}
.cf{zoom:1}
这种方法的前身就是利用空标签来清除浮动，只不过由于空标签清除浮动在结构语义上不太符合规范（凭空多出空标签），所以配合伪类来实现如此效果
不明觉历
css content 属性与 :before 及 :after 伪元素配合使用，来插入生成内容。
插入啥。。插入后变成什么情况
content 引号里面的内容 这里是一个点号
为什么要加点号？
css content 属性与 :before 及 :after 伪元素配合使用，来插入生成内容。
插入啥。。插入后变成什么情况
content 引号里面的内容 这里是一个点号
为什么要加点号？
你愿意加什么就加什么，不过这种方式加了之后还会显示出来，所以后跟visibility: hidden;不可见
其实没有必要，直接content:'' 里面直接为空字符串即可，还无需隐藏
css content 属性与 :before 及 :after 伪元素配合使用，来插入生成内容。
插入啥。。插入后变成什么情况
content 引号里面的内容 这里是一个点号
为什么要加点号？
你愿意加什么就加什么，不过这种方式加了之后还会显示出来，所以后跟visibility: hidden;不可见
其实没有必要，直接content:'' 里面直接为空字符串即可，还无需隐藏
直接content:'' 里面直接为空字符串即可？？到底是啥意思。。后面什么都没加。。有何用意？
