własność: clear Opcje

[bmL]

Witam!
doświadczenie nauczyło mnię że

Kod

clear: both;

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?

[JoShiMa]

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 (IMG:style_emoticons/default/tongue.gif) 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.

[Crozin]

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?

[wookieb]

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

[bmL]

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 (IMG:style_emoticons/default/smile.gif)

[thek]

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.