:after是伪类 这段css代码的主要用途是清除浮动，如果去掉这段css，#main这个容器的高度，有可能不会随其内容高度的增加而增加，它的背景图片也有可能显示不出来。加上这个css就可以解决这个问题 希望对你有帮助 content用来和:after及:before 伪元素一起使用，在对象前或后显示内容。也就是一个"."...
css样式 这是什么意思
:after是伪类
这段css代码的主要用途是清除浮动，如果去掉这段css，#main这个容器的高度，有可能不会随其内容高度的增加而增加，它的背景图片也有可能显示不出来。
加上这个css就可以解决这个问题
希望对你有帮助
content用来和:after及:before 伪元素一起使用，在对象前或后显示内容。也就是一个"."2010-10-28
:after 伪元素在元素之后添加内容。
这个伪元素允许创作人员在元素内容的最后面插入生成内容。默认地，这个伪元素是行内元素，不过可以使用属性 display 改变这一点。
所有主流浏览器都支持 :after 伪元素，但对于IE来说，只有IE8以上版本支持。
h1:after
{
content:url(beep.wav);
}
此样式会在每个 h1 元素之后播放一段声音：
<style type="text/css">
h1:after {content:url(/i/w3school_logo_white.gif)}
</style>
<h1>This is a heading</h1>
这是在h1后面插入一张图片2010-10-28
