Свойство float

Делает элемент "плавающим". Размещает элемент с левой или правой стороны его контейнера. Следующие элементы будут обтекать плавающий элемент с другой стороны. Для очистки обтеканий используется свойство clear

float: left;
Chrome
Все
Edge
Все
FireFox
Все
IE
6+
iOS Safari
Все
Opera
Все
Safari
Все

Значения

float: none;

Убирает обтекание у элемента

float: left;

Размещает элемент с левой стороны его контейнера. Следующие элементы, в том числе и текст, будут обтекать его с правой стороны

float: right;

Размещает элемент с правой стороны его контейнера. Следующие элементы, в том числе и текст, будут обтекать его с левой стороны

Данное свойство используется все реже. Раньше его часто использовали для создания структуры сайта, но потом на смену пришли flexbox

Читайте также

Обсуждение (0)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии