🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Доступно в Baseline в статусе «Widely Available» с 2018-01-29

Float — это свойство CSS, которое позволяет «вытянуть» блок или элемент в сторону, например, слева или справа, чтобы остальные элементы обтекавали его. Это удобно для создания колонок, картинок с текстом или нестандартных макетов. Свойство clear определяет, должны ли обычные элементы «опускаться» ниже плавающих, чтобы не пересекаться.

float: left; /* или right */
clear: both; /* очищает обтекание снизу */

Например, чтобы разместить изображение слева и заполнять текстом правее, нужен float: left;. А чтобы следующий блок не пересекался с плавучими элементами, добавьте clear: both; перед ним.

Больше обзоров веб-функций — в телеграм-канале HTML Academy.

Нашли ошибку или опечатку? Напишите нам.