Плавающие элементы (floats). Что такое и как работают?При применении этого свойства происходит следующее:
Элемент позиционируется как обычно, а затем вынимается из документа потока и сдвигается влево (для left) или вправо (для right) до того как коснётся либо границы родителя, либо другого элемента с float;
Если пространства по горизонтали не хватает для того, чтобы вместить элемент, то он сдвигается вниз до тех пор, пока не начнёт помещаться;
Другие непозиционированные блочные элементы без float ведут себя так, как будто элемента с float нет, так как он убран из потока;
Строки (inline-элементы), напротив, «знают» о float и обтекают элемент по сторонам.
#css