該屬性用於定義元素之前或之後放置的生成內容。默認地，這往往是行內內容，不過該內容創建的框類型可以用屬性 display 控制。
在寫HTML代碼的時候，發現在Firefox等符合W3C標準的瀏覽器中，如果有壹個DIV作為外部容器，內部的DIV如果設置了float樣式，則外部的容器DIV因為內部沒有clear，導致不能被撐開。
這個clearfix的CSS使用了after這個偽對象，它將在應用clearfix的元素的結尾添加content中的內容。
在這裏添加了壹個句號"."，並且把它的display設置成block；高度設為0；clear設為both；visibility設為隱藏，這樣就達到了撐開容器的目的。
擴展資料：
content，英文單詞，有滿足的、使滿足、目錄等含義。同時也是計算機語言的壹種方法。
計算機語言
概述
contents() 方法
找到段落中的所有文本節點，並用粗體標簽包裝它們。
("p").contents().filter(function(){returnthis.nodeType!=1;}).wrap("<b/>");
定義和用法
contents() 方法獲得匹配元素集合中每個元素的子節點，包括文本和註釋節點。
語法
.contents()
說明
如果給定表示 DOM 元素集合的 jQuery 對象，.contents() 方法允許我們檢索 DOM 樹中的這些元素的直接子節點，並用匹配元素構造新的 jQuery 對象。.contents() 和 .children() 方法類似，不同的是前者在結果 jQuery 對象中包含了文本節點以及 HTML 元素。
.contents() 方法也可以用於獲得 iframe 的內容文檔，前提是該 iframe 與主頁面在同壹個域。
百度百科-content