- Clear устанавливает, с какой стороны элемента запрещено его обтекание другими элементами. Если задано обтекание элемента с помощью свойства float, то clear отменяет его действие для указанных сторон.
Значения:
- none - отменяет действие свойства clear, при этом обтекание элемента происходит, как задано с помощью свойства float или других настроек.
- both - отменяет обтекание элемента одновременно с правого и левого края. Это значение рекомендуется устанавливать, когда требуется снять обтекание элемента, но неизвестно точно, с какой стороны.
- left - отменяет обтекание с левого края элемента. При этом все другие элементы на этой стороне будут опущены вниз, и располагаться под текущим элементом.
- right - отменяет обтекание с правой стороны элемента.
- inherit - устанавливает значение родителя.
Хак: для очистки плавающих элементов лучше применять ‘overflow:auto’ к родительскому элементу.
.clearfix:after {
content: "";
display: table;
clear: both;
}