该属性用于定义元素之前或之后放置的生成内容。默认情况下，这往往是行内部内容，但是该内容创建的框类型可以使用属性显示控制。
在写HTML代码的时候，发现在Firefox等符合W3C标准的浏览器中，如果有一个DIV作为外部容器，内部的DIV如果设置了float样式，则外部的容器DIV因为内部没有clear，导致不能被撑开。
这个clearfix的CSS使用了这个伪对象之后，会在应用clearfix的元素的末尾添加content中的内容。
在这里添加了一个句子号“.”，并且把它的显示设置成块；高度设为0；清除两者；可见性设为隐藏，这样就达到了撑开容器的目的。
扩展资料：
内容，中文单词，具有满足的、使满足、目录等意义。同时也是计算机语言的一种方法。
计算机语言
概述
contents( ) 方法
找到段落中的所有文本节点，并用粗体标签包装它们。
("p").contents().filter(function(){returnthis.nodeType !=1；}).wrap("lt；b/gt；")；
定义和实现
contents()方法获得匹配元素集合中每个元素的子子节点，包括文本和注释节点。
语法
.contents()
说明
如果给定表示DOM元素集合的jQuery 对象，.contents() 方法允许我们搜索 DOM 树中的这些元素的直接子节点，并用匹配元素构造新的 jQuery 对象。.contents() 和 .children() 方法类似，不同的是前面在结果 jQuery对象中包含了文本节点以及 HTML 元素。
.contents() 方法也可以用于获取 iframe 的内容文档，前提是该 iframe 与主页面在同一个域。
百度百科-内容