Witam!
doświadczenie nauczyło mnię że przydaje się jeżeli chcemy aby div wewnątrz którego znajdują się pływające elementy rozciągnął się do wysokości tych elementów.
Jednak dziś coś mnię pokuśiło żeby przeczytać opis tej dziwnej właściwości http://www.w3schools.com/Css/pr_class_clear.asp i w ogóle mi się to nie zgadza...
Może ktoś przetłumaczyć na ludzki rozum jak to działa? Czy tylko mi się wydaje że nic z tamtego opisu się nie zgadza a clear działa całkiem inaczej?

A czego właściwie nie rozumiesz?

Jeśli masz w DIV elementy pływające jedne na lewo drugie na prawo i na końcu diva umieścisz element z clear:both. to rzeczywiście nie będzie rię on ustawiał liniowo ani za tymi lewymi ani za tymi prawymi ustawi się pod spodem i wyciągnie całego DIVa nadrzędnego do odpowiedniej wysokości i gitarka. Ale jak zamiast clear:both dasz clear:left, to już nie będzie tak fajnie bo ten element będzie się ustawiał poniżej elementów z float: left i może się okazać, że elementy z floatr:right są wyższe di nadrzędny div nie rozciągnie się tak jak byś chciał. Z resztą najlepiej to sobie poeksperymentuj, bo efekty są czasem komiczne.

w3schools to raczej słabe źródło... czegokolwiek. http://www.w3.org/TR/CSS21/visuren.html#flow-control tutaj masz oficjalną specyfikację - teraz się zgadza?

http://kurs.browsehappy.pl/CSS/Float

Okej wygląda na to że zrozumiałem. Przypuszczałem że jak damy "clear: right" to divy które mają "float: right" powinny znaleźć się pod nim ale działa to odwrotnie czyli on sam ucieka pod tego diva co ma float: right

Na odwrót. Jeśli coś ma clear:right, to nie przepuszcza wszystkiego co przed nim w strukturze strony ma float:right, a więc staje im na drodze i tym samym jest powyżej niego. Pomyśl. Jak coś czego jeszcze nie znasz (bo dopiero będzie) możesz zablokować? A strona jest tworzona od góry w dół. Tak więc wszystko co już było, jest automatycznie nad, a co dopiero będzie - pod. Jedynymi wyjątkami są pozycjonowanie absolutne czy marginesy ujemne, ale nawet one po spojrzeniu w kod pokażą, że w strukturze kodu, są element w określonym miejscu. Float także się do pewnej struktury odnosi i z tego powodu choćby nie może on być niejako wyżej niż pozycja rodzica.