Niezastąpiony Float

W czasie budowania układów wykorzystujących arkusze stylów, obecnie powszechnie używa się właściwości float. Jest to chyba najszybsza metoda tworzenia wielokolumnowych układów. Pierwotnie wykorzystywano właściwość float do oblewania tekstem grafiki umieszczonej w dokumentach HTML za pomocą znacznika IMG.

Użycie w arkuszu stylów właściwości float: left; dla IMG, powoduje przemieszczenie obrazka maksymalnie w lewą stronę i oblewanie jej tekstem ze strony prawej. Jeśli wpiszemy right – obrazek przemieści się na prawą stronę (strony lub kontenera) i pozwoli się oblewać z lewej.

Ta właściwość pozwala budować wielokolumnowe układy (najczęściej na div-ach). Blok tekstu musi mieć jedynie zdefiniowaną szerokość i opływanie, żeby następny blok mógł go opływać z wybranej strony. Dla uniknięcia błędów opływania warto blokowi opływającemu też nadać jakąś szerokość i float.

Jeśli jednak chcemy w pewnym punkcie strony przerwać wzajemne opływanie elementów blokowych i kolejny element mieć na samym dole układu – wystarczy dla tego elementu przerwać opływanie właściwością clear: both (dla czyszczenia opływania z obu stron) lub right albo left (dla czyszczenia opływania z jednej strony.

Otagowano , , , , .Dodaj do zakładek Link.

Możliwość komentowania została wyłączona.