伪元素选择和使用其清除浮动不生效问题

今天在使用伪元素清除浮动时遇到了问题。

#container::after {
		clear:both;
    }

原本直接使用上面这个代码，发现清除不了浮动，使用谷歌浏览器检查元素发现根本检测不到after元素。
后来经过仔细与css手册案例对比并百度问题，发现使用after伪元素必须设置content属性，哪怕设置为空字符串也行，这样才能被浏览器检测到。
但是设置了content属性确实伪元素能被浏览器检测到了，却仍然无法实现清除浮动属性。后来加上display:block;一句清除浮动终于起作用了。最终清除浮动代码如下：

	#container::after {
		content:"";
		display:block;
		clear:both;
    }