Больше "Try it Yourself" примеры ниже.
Определение и использование
Недвижимость поплавка определяет , будет ли или не коробка (an element) , который должен плавать.
Note: Абсолютно позиционируемые элементы игнорируется свойство плавать!
| Значение по умолчанию: | none |
|---|---|
| Наследование: | no |
| Animatable: | no. Read about animatable |
| Версия: | CSS1 |
| Синтаксис JavaScript: | object .style.cssFloat="left" Try it |
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
| Имущество | |||||
|---|---|---|---|---|---|
| float | 1,0 | 4.0 | 1,0 | 1,0 | 7.0 |
CSS Синтаксис
float: none|left|right|initial|inherit;Значения свойств
| Стоимость | Описание | Сыграй |
|---|---|---|
| none | Элемент не плавал, и на экране появится именно там, где он встречается в тексте. Это по умолчанию | Сыграй " |
| left | Элемент плавает влево | Сыграй " |
| right | Элемент плавает за собой право | Сыграй " |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный | Сыграй " |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о унаследовать |
Еще примеры
Пусть первая буква абзаца поплавка влево
Пусть первая буква абзаца поплавка влево и стиль письма.
Создание горизонтального меню
С помощью поплавка со списком гиперссылок для создания горизонтального меню.
Создания главной страницы без таблиц
Используйте поплавок, чтобы создать домашнюю страницу с верхний и нижний колонтитулы, левый содержанию и основному содержанию.
Похожие страницы
Учебник CSS: CSS Float
HTML DOM ссылка: cssFloat property