CSS floatСвойство


Пример

Обтекание изображения справа:

img
{
float:right;
}

Попробуйте сами »

Дополнительные примеры внизу этой страницы.

Определение атрибута и инструкции по использованию

Свойство float определяет, должен ли блок (элемент) быть плавающим.

Примечание:Абсолютно позиционированные элементы игнорируют свойство float!

Значение по умолчанию: none
Наследуется: нет
версия: CSS1
Синтаксис JavaScript: object.style.cssFloat="left"


Поддержка браузеров

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

Свойство
float 1.0 4.0 1.0 1.0 7.0

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

Значение Описание
left Элемент смещается влево.
right Элемент смещается вправо.
none По умолчанию. Элемент не является плавающим и будет отображаться на своём месте в тексте.
inherit Указывает, что значение свойства float должно наследоваться от родительского элемента.


Examples

Другие примеры


Сделайте первую букву абзаца плавающей влево и добавьте стиль к этой букве.


Используйте float для создания горизонтального меню из списков гиперссылок.


Используйте float, чтобы создать домашнюю страницу с шапкой, подвалом, левым оглавлением и областью основного содержимого.


Связанные статьи

Учебник CSS:CSS Float

Другие расширения