CSS clear both что это

CSS свойство clear используется для контроля дочерних элементов, которые должны быть «очищены» от обтекания (clearing flow) элементов, расположенных выше. Когда у родительского элемента есть другой определяющий размер элемента, который добавляет внешнее поле (margin), вы можете встретить проблему, когда другой элемент будет выравниваться по левому или правому краю.

Значение both в свойстве clear указывает, что элемент должен быть очищен от обтекания элементов, расположенных справа и слева. Он будет отодвинут (очищен), аналогично left и right, но в обоих случаях.

Например, следующий код:

.clear {
  clear: both;
}

будет выровнен по центру, а дочерние элементы <div> будут очищены от обтекания элементов, расположенных слева и справа. Это позволит элементу <div> быть стационарным и не перерисовываться при изменении размеров страницы.