config

Strona w trakcie modernizacji

Zapraszamy wkrótce

Właściwość CSS float

Definicja stylu, przeznaczenie i użycie float

Styl definiuje kierunek oblewania elementu. Właściwość float określa, w jaki sposób element powinien się unosić w obszarze zawartości swojego elementu HTML rodzica

Uwaga: elementy pozycjonowane absolutnie ignorują właściwość float!

Uwaga: elementy po elemencie pływającym będą opływać go. Aby tego uniknąć, użyj właściwości clear lub hacka clearfix (zobacz przykład na dole tej strony).

Wartości właściwości float

Wartość Opis
none Element nie pływa (zostanie wyświetlony dokładnie tam, gdzie występuje w tekście). To jest ustawienie domyślne.
left Element pływa po lewej stronie swojego kontenera.
right Element pływa po prawej stronie swojego kontenera.
initial Ustawia tę właściwość na jej wartość domyślną.
inherit Dziedziczy tę właściwość z elementu nadrzędnego.

Składnia CSS float

float: none | left | right | initial | inherit;

Wsparcie przeglądarek dla właściwości float

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość chrome edge firefox safari opera
float 1.0 4.0 1.0 1.0 7.0

 

Przykładowe zastosowania z właściwością float

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

Właściwość CSS:
float:

 
Rezultat:
Element span.
DIV
Kolejny element span.
Kod CSS:
div#myDIV {
width:100px;
background-color:red;
float:none;
}
 

Przykłady właściwości float

1. float: left;

2. float: none;

3. float: right;

4. .clearfix::after {
content: "";
clear: both;
display: table;
}

5. img {
float: left;
}
p.clear {
clear: both;
}

 

 

Obszar działalności – tworzenie stron internetowych w miastach:

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe
Adres:, Marynarska 54, 59-220, Legnica, dolnośląskie, Polska, Tel.: +48 780 060 995, Pon. - pt. 8:00 - 17:00

 

Witold Czuba

Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe

Marynarska 54
59-220, Legnica,
dolnośląskie, Polska,
Tel.: +48 780 060 995,
Pon. - pt. 8:00 - 17:00