CSS-свойство clear

CSS-свойство clear определяет, какие стороны элемента запрещены для обтекания установленного свойством float.

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

clear: left | right | auto | both | none | initial | inherit

Примеры написания кода свойства clear:

clearfix:after  {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

В следующей таблице описаны значения этого свойства.

Значение	Описание
`left`	Отменяет обтекание с левой стороны элемента таким образом, что все элементы с этой стороны будут опущены вниз, и располагаться под текущим элементом.
`right`	Отменяет обтекание с правой стороны элемента таким образом, что все элементы с этой стороны будут опущены вниз, и располагаться под текущим элементом.
`both`	Отменяет обтекание с обеих сторон элемента таким образом, что все элементы будут опущены вниз, и располагаться под текущим элементом.
`auto`	Не отменяет обтекание. Это значение установлено по умолчанию.
`initial`	Устанавливает это свойство в значение по умолчанию.
`inherit`	Если указан, связанный элемент принимает вычисленное значение своего родительского элемента `clear`.