Плавающие элементы CSS (Плавающие элементы)

Свойство float CSS определяет, должно ли盒子 плавать. Свойство float CSS является свойством позиционирования. Он используется для перемещения элемента влево или вправо, позволяя другим элементам обегать его, обычно используется для изображений и макетов.　　　

Плавающие элементы CSS

Вы можете переместить элемент влево или вправо, но это действует только для элементов, которые неАбсолютно позиционированныеЭлементы блока. Любые элементы, следующие за плавающим элементом, будут обводить его с другой стороны.

Свойство float может принимать одно из следующих трех значений:

Как элемент плавает

Плавающий элемент будет удален из нормального потока и как можно дальше перемещен влево или вправо в доступном пространстве, занимаемом содержимым элемента.

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

img　{
　　　　float:　left;
}

Если несколько плавающих элементов размещены рядом, то при наличии горизонтального пространства они будут расположены рядом. Если нет достаточного места для容纳 плавающих элементов, то их будет опущено вниз, до тех пор, пока они не будут подходить или пока не закончатся плавающие элементы.

.thumbnail　{
　　　　float:　left;
　　　　width:　125px;
　　　　height:　125px;
　　　　margin:　10px;
}

Использование атрибута (Clear) для закрытия浮动

Элементы, расположенные после плавающего элемента, будут流动 вокруг него. Атрибут clear определяет, с какой стороны элемента不允许放置 другие плавающие элементы.

.clear　{
　　　　clear:　left;
}