Свойство float
Последнее обновление: 10.01.2011
Свойство float задает с какой стороны элемент обтекаем (делает элемент «плавающим»), при этом элемент выравнивается по указанной стороне, остальные обтекают с остальных сторон.
Допустимые значения
- left — выравнивает элемент по левому краю, остальные элементы обтекают справа
- right — выравнивает элемент по правому краю, остальные элементы обтекают слева
- none — элемент не обтекаем
- inherit — наследует значение от родителя
| Значение по умолчанию | none |
|---|---|
| Применимо | ко всем элементам |
| Наследование | нет |
| Версия CSS | CSS 1 |
| Поддерживается браузерами |
|
Пример
img {
float: left;
}
Твой код:
Результат:
большой полигон
Заметки
- свойство float активно применяется при блочной верстке
- для предсказуемого поведения плавающих блоков рекомендуется явно задавать ширину элемента (width)
- «плавающий» элемент автоматически становится блочным, только нет переноса на новую строку после элемента
- могут возникнуть некоторые проблемы с отступами плавающих блоков в IE6
По теме
- Clearfix — очищение потока с сохранением структурной верстки
- Свойство clear
- Псевдоэлемент :after
- Атрибут clear
Теги: обтекание, CSS свойства
Показать комментарии