Плавающие элементы и очистка

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

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