clear veya herhangi başka bir sebepten; boş div kullanmak "semantik kodlama" mantığına aykırı.
onun yerine kapsayıcı dive class vermek gerekir.
clear classımız şu şekilde olsun.

.clearfix:after {content: ".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {display:inline-block}
* html .clearfix {height:1%}
.clearfix {display:block}

float classlarımız ise şunların olduğunu varsayalım.

.alignleft{float:left}
.alignright{float:right}

html kodumuz şöyle olmalı

<div class="clearfix">
<div class="alignleft"></div>
<div class="alignright"></div>
</div>