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

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

Возможные значения:

• none: Позволяет обтекание с обеих сторон. (По умолчанию)
• left: Запрещает обтекание слева. Элемент будет сдвинут вниз, если слева есть плавающий элемент.
• right: Запрещает обтекание справа. Элемент будет сдвинут вниз, если справа есть плавающий элемент.
• both: Запрещает обтекание с обеих сторон. Элемент будет сдвинут вниз, если с любой стороны есть плавающий элемент.
• inherit: Наследует значение от родительского элемента.

Пример использования:

.left-float {
  float: left;
  width: 100px;
  height: 100px;
  background-color: lightblue;
}

.content {
  clear: left; /* Этот элемент не будет обтекать .left-float */
  background-color: lightgreen;
}

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