Свойство float

Последнее обновление: 10.01.2011

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

Допустимые значения

  • left — выравнивает элемент по левому краю, остальные элементы обтекают справа
  • right — выравнивает элемент по правому краю, остальные элементы обтекают слева
  • none — элемент не обтекаем
  • inherit — наследует значение от родителя
Значение по умолчанию none
Применимо ко всем элементам
Наследование нет
Версия CSS CSS 1
Поддерживается браузерами
  • Internet Explorer 6 и выше
  • Firefox 1 и выше
  • Opera 7 и выше
  • Netscape 6 и выше
  • Safari 1 и выше
  • Chrome 1 и выше

Пример

img {
float: left;
}
Твой код:
Результат:
большой полигон

Заметки

  • свойство float активно применяется при блочной верстке
  • для предсказуемого поведения плавающих блоков рекомендуется явно задавать ширину элемента (width)
  • «плавающий» элемент автоматически становится блочным, только нет переноса на новую строку после элемента
  • могут возникнуть некоторые проблемы с отступами плавающих блоков в IE6

По теме

Показать комментарии