解决CSS中float:left后需要clear:both清空的繁琐步骤

<style>

.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}

.clearfix{zoom:1;}

</style>

<div class="clearfix">

<div style="float:left">dddd</div>

</div>