说明：在使用css方法时，结合使用：after伪类和内容声明在指定的现有内容的尾声添加新的内容。在这个实例中，我添加了一个点，因为它是个不引人注意的字符。因为不希望新内容占据垂直空间或者在页面上显示，所以需要将height设置为0，将visibility设置为hidden。因为被清理的元素在它们的顶外边距上添加空间，所以生成内容需要将他的display属性设置为block。这样设置之后，就可以对生成的内容进行清理：
.clear:after{
content:".";
height:0;
visibility:hidden;
display:block;
clear:both;
}