.clearfix {
clear: both;
}上述代码展示了如何创建一个带有.clearfix类的CSS选择器，并将clear属性设置为both。这个选择器可以用于取消父级元素周围的浮动，让其他内容正常排列。
使用.clearfix类的方法非常简单。只需将其添加到包含浮动元素的父级元素中即可。例如：
<div class="wrapper clearfix"> <div class="float-left">左侧内容</div> <div class="float-right">右侧内容</div> </div>
上面的代码展示了一个包含两个浮动元素的
标签，它们向左和向右浮动。wrapper类是父级元素，float-left和float-right类是用来浮动元素的。通过在父级元素中添加.clearfix类，大家可以取消周围浮动，让wrapper下面的内容正常排列。
总结一下，CSS中的.clearfix类是一个非常有用的选择器，可以帮助大家取消浮动元素周围的浮动，将其他元素正常排列。需要注意的是，它只能用于父级元素。