1. ::after
html：
<div class="clearfix">
<div class="title">title</div>
</div>
<div class="content">content</div>
css：
.title{
float:left;
}
.clearfix::after{
content:'';
display:block;
clear:both;
}
2. overflow:hidden
html：
<div class="clearfix">
<div class="title">title</div>
</div>
<div class="content">content</div>
css：
.title{
float:left;
}
.clearfix::after{
overflow:hidden;
}
3. clear:both（一）
html：
<div>
<div class="title">title</div>
<div class="clearfix"></div>
</div>
<div class="content">content</div>
css：
.title{
float:left;
}
.clearfix{
clear:both;
}
4. clear:both（二）
html：
<div>
<div class="title">title</div>
</div>
<div class="content">content</div>
css：
.title{
float:left;
}
.content{
clear:both;
}
