Руководство по CSS

CSS @rules (RULES)

Полный список свойств CSS

CSS attribute font CSS3 attribute flex-wrap

Метод использования и примеры свойства float CSS

Свойство float CSS определяет, должен ли блок плавать влево, вправо или не плавать.

В таблице ниже приведены инструкции по использованию и историю версий этого свойства, а также его использование в скриптах JavaScript.

Значение по умолчанию:	none
Для:	Все элементы
Наследование:	Нет
Анимировано:	Нет.См. также Анимационные свойства.
Версия:	CSS 1, 2, 3
JavaScript грамматика:	object.style.cssFloat="right"

Использование грамматики float

Грамматика этого свойства такая:

float:　left　|　right　|　none　|　initial　|　inherit

Ниже приведены примеры использования свойства float.

Пример

　　p.red　{
　　　float:　left;
　　}
　　p.green　{
　　　float:　right;
　　}

Проверьте, как это работает‹/›

Значения свойств

В таблице ниже описаны значения этого свойства.

Значение	Описание
left	Элемент плавает влево. Контент начинает流动 справа от блока, сверху.
right	Как и left, но блок плавает справа, контент начинается с левого края этого блока, сверху.
none	Этот блок не плавает. Это значение по умолчанию.
initial	Установить этот параметр в его значение по умолчанию.
inherit	Если указано, то связанные элементы используют значение float родительского элемента.

Совместимость браузеров

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

	Firefox 1+ Google Chrome 1+ Internet Explorer 4+ Apple Safari 1+ Opera 7+

Для получения дополнительной информации

Узнайте больше в следующих руководствах:Плавающие элементы CSS,Выравнивание CSS.

Свойства, связанные с положением:position,top,right,bottom,left,display,clear.

CSS attribute font CSS3 attribute flex-wrap