Frontend Formula

float



Свойство помогает «обтекать» блоки текстом.



Как это понять

Элемент, для которого указано свойство, частично выходит из потока: все элементы блочного контекста, прописанные в коде после элемента с float, занимают его место, а элементы строчного контекста — «обтекают» его.



Как пишется

В файле стилей пишем селектор элемента, который будем «обтекать», и указываем одно из трёх значений свойства:

👉 left — элемент встанет у левого края родительского блока.

👉 right — элемент встанет у правого края родительского блока.

👉 none — значение по умолчанию, элемент останется в потоке.



После элемента, на котором мы хотим прекратить обтекание, можно вставить пустой элемент, обычно с классом clearfix, и прописать свойство clear. Также можно не вставлять отдельный элемент в разметку, а обойтись псевдоэлементом ::after — этот вариант предпочтительнее.



Подсказки

Применяя float к элементу, мы неявно делаем его блочным.



Статья: https://doka.guide/css/float/



#css #дока



👉 @frontend_formula