CSS floatСвойство
Пример
Обтекание изображения справа:
img
{
float:right;
}
{
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 должно наследоваться от родительского элемента. |
Другие примеры
Сделайте первую букву абзаца плавающей влево и добавьте стиль к этой букве.
Используйте float для создания горизонтального меню из списков гиперссылок.
Используйте float, чтобы создать домашнюю страницу с шапкой, подвалом, левым оглавлением и областью основного содержимого.
Связанные статьи
Учебник CSS:CSS Float
Другие расширения