El bug del que parlava a La propietat clear. Una problematica
ha quedat resolt amb el Firefox 1.0.
Això vol dir que s'ha d'anar amb compte quan es vol aconseguir una estructura del tipus de la figura 1.

Utilitzant un CSS tal com:
div#A {
float: left;
width: 200px;
}
div#B {
margin-left: 205px;
width: 500px;
}
div#C {
float: left;
width: 200px;
}
div#E {
clear: left;
}
Apareix un problema a l'hora de solucionar la relació "C"-"D"-"E" ja que el clear: left de "D" afectarà tant al float de "C" com al d'"A" aconseguint com a resultat quelcom semblant a la figura 2.

L'espai marcat en color és degut al clear que neteja el float "A".
Una solució és convertir la caixa "B" en flotant quedant el CSS tal com:
div#A {
float: left;
width: 200px;
}
div#B {
float: left;
width: 500px;
}
div#C {
float: left;
width: 200px;
}
div#E {
clear: left;
}
Per una estructura lÃquida aquesta solució no és la més adequada pel problema d'haver de definir l'amplada de "B" (al ser flotant haurà de tenir una amplada definida).
Comentaris
Comentat per ZaCh el 29/11/04
Está clar... just el que jo pensava... xDDDDDD
Comentat per are el 30/11/04
He reescrit aquesta entrada que quedava un pel confusa.
Comentat per mini-d el 02/12/04
Una bona solució a la problemà tica dels clears és aplicar si és posible un element en bloc com p o un altre, jo faig servir
<p class="clear">Comentat per uri el 02/12/04
justament ahir, em vaig estar barallant amb aquest tema... je, je...
thanks are!!!
Comentat per are el 02/12/04
Explica't una mica més mini-d, que no et segueixo :)
Comentat per mini-d el 03/12/04
Aqui va Truquito de CSS.
Comentat per are el 03/12/04
crec que no m'he explicat bé...el problema del que parlo es genera a l'utilitzar un clear (com el de l'exemple) per "netejar" un float pero que et neteja tots els floats anteriors encara que no siguin germans del clear.