Рейтинг@Mail.ru
УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS РЕКЛАМА

CSS Свойство float


CSS Справочник Полный CSS Справочник

Пример

Позволить изображению плавать справа:

img
{
float:right;
}

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

Еще примеры внизу этой страницы.

Определение и Использование

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

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

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


Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

Свойство float поддерживается всеми основными браузерами.

Замечание: Значение "inherit" не поддерживается в IE7 и более ранних версиях. IE8 требует объявления !DOCTYPE. IE9 поддерживает "inherit".


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

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


Примеры

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

Позволить первой букве параграфа плавать слева
Позволить первой букве параграфа плавать слева и придать ей особый стиль.

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

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


Смотрите Также

CSS уроки: CSS Плавающие Элементы


CSS Справочник Полный CSS Справочник

© 2011-2017 Уроки CSS
Рейтинг@Mail.ru