清除浮动

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

.clear:after{

　　content:".";

　　height:0;

　　visibility:hidden;

　　display:block;

　　clear:both;

}