Jeszcze do niedawna do zerowania właściwości float elementów stosowałam dodatkowego diva mającego klasę np. "clear", która posiadała właściwość css: clear:both; mój kod html wyglądał więc tak:

<div class="contener">
    <div class="left">
    </div>
    <div class="right">
    </div>
   <div class="clear"></div>
</div>

Jak się jednak okazuje ten ostatni div jest zbędny - a przecież jak sama pisałam w artykule co to jest divitis i classitis :
Kod xhtml, ma być kodem strukturalnym, maksymalnie uproszczonym, przejrzystym i czytelnym.

Zamiast doatkowego diva z klasą clear wystarczy do diva opakowującego floatowe elementy, w naszym przykładzie będzie to div o klasie "contener" dodać klasę "clearfix", a w css definiujemy następująco

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