Для чего используется свойство clear?

Свойство clear определяет, с какой стороны элемента запрещено обтекание плавающими (float) элементами. Элемент с clear сдвигается ниже предшествующих float-элементов.

Типичное применение — clearfix

Когда родительский элемент содержит только float-потомков, его высота схлопывается до нуля. Решение — clearfix:

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

Актуальность

Свойства float и clear сегодня используются редко — для раскладки страницы применяются Flexbox и Grid. Однако float всё ещё используется для обтекания картинок текстом.

На собеседовании: важно показать понимание связи clear с float и знать про clearfix. Полезно упомянуть, что для современных макетов лучше использовать Flexbox/Grid.