float

Оновлено: 31.01.2023

float

Визначає, по якій стороні буде вирівнюватися елемент, при цьому інші елементи будуть обтікати його з інших сторін. Коли значення властивості float дорівнює none, елемент виводиться на сторінці як зазвичай, водночас допускається, що один рядок тексту, що обтікає, може бути на тій самій лінії, що й сам елемент.

Коротка інформація

Значення за замовчуванням none
Успадковується Ні
Застосовується До всіх елементів (за винятком абсолютно позиціонованих)
Анімується Ні

Синтаксис 

float: left | right | none

Значення

left Вирівнює елемент по лівому краю, а всі інші елементи, на кшталт тексту, обтікають його по правій стороні.
right Вирівнює елемент по правому краю, а всі інші елементи обтікають його по лівій стороні.
none Обтікання елемента не задається.

Приклад

Об'єктна модель

Об'єкт.style.cssFloat

Примітка

У браузері Internet Explorer 6 спостерігається помилка з подвоєнням значення лівого або правого відступу для плаваючих елементів, вкладених у батьківські елементи. Подвоюється той відступ, який прилягає до сторони батьківського елемента. Проблема зазвичай вирішується додаванням display: inline для плаваючого елемента. Також у цьому браузері додається відступ 3px (так званий "трипіксельний баг") у напрямку, заданому значенням float.

Браузери

float

Переглянути сумісність з Can I use?

float