(相关资料图)
1、在写HTML代码的时候，发现在Firefox等符合W3C标准的浏览器中，如果有一个DIV作为外部容器，内部的DIV如果设置了float样式，则外部的容器DIV因为内部没有clear，导致不能被撑开。
2、这个clearfix的CSS使用了after这个伪对象，它将在应用clearfix的元素的结尾添加content中的内容。
3、在这里添加了一个句号"."，并且把它的display设置成block;高度设为0;clear设为both;visibility设为隐藏。
4、这样就达到了撑开容器的目的啦。
本文就为大家分享到这里，希望小伙伴们会喜欢。
标签：
