float

Оновлено: 26.05.2022

float

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

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

Значение по умолчанию none
Наследуется Нет
Применяется Ко всем элементам (за исключением абсолютно позиционированных)
Анимируется Нет

Синтаксис

float: left | right | none

Значения

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

Пример

Результат данного примера показан на рис. 1.

Рис. 1. Применение свойства float

Объектная модель

Объект.style.cssFloat

Примечание

В браузере Internet Explorer 6 наблюдается ошибка с удвоением значения левого или правого отступа для плавающих элементов, вложенных в родительские элементы. Удваивается тот отступ, который прилегает к стороне родителя. Проблема обычно решается добавлением display: inline для плавающего элемента. Также в этом браузере добавляется отступ 3px (так называемый «трёхпиксельный баг») в направлении, заданном значением float.

Браузеры

float

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

float