На прошлом уроке мы рассмотрели блочную модель верстки. Напомню, по умолчанию блок имеет основные характеристики — высоту и ширину. Важно отметить, что изначально у <div> ширина равна 100%.
Возникает вопрос — как сверстать несколько блоков в одну строку — друг за другом. Для этого в css есть правило float, которое может применять значение left, right, none. Благодаря обтеканию мы можем располагать блоки по порядку. Но возникает еще одна проблема — при обтекании блоки, как бы, «налипают» друг на друга. Как же избавиться от этого неприятного эффекта. Для этого в css есть правило clear, значение которого может быть left, right, both.
Видео и код урока ниже.
Код урока - http://kamil-abzalov.ru/videouroki/html-css/css-obtekanie-blokov-css/