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