Какие преимущества и недостатки использования CSS-плавающего размещения?

Некоторые преимущества использования CSS-плавающего размещения (свойства float):

• Возможность обтекания элементов. 35 Например, текст может обтекать изображение, которое находится не между строками текста, а слева или справа от него. 3
• Автоматическое становление элемента блочным. 3 Это важно, если свойство используется на строчных элементах, таких как span. 3 После установки значения float элементу можно выставлять значения ширины и высоты без дополнительного использования свойства display. 3
• Использование в адаптивных сетках. 1 В рамках таких сеток float может быть предпочтительнее из-за отсутствия проблем с пробельными символами. 1

Некоторые недостатки использования CSS-плавающего размещения:

• Проблемы с потоком документа. 1 Использование float может привести к таким проблемам, так как они выводят элементы из общего потока. 1
• Необходимость в дополнительной настройке. 1 По умолчанию float: left выравнивает содержимое по верхнему краю, и вертикальное центрирование потребует дополнительного кода. 1
• Возможное нарушение порядка. 1 При использовании float возможно нарушение порядка расположения элементов. 1
• Сложности с добавлением новых элементов. 1 Иногда требуется корректировка при добавлении новых элементов. 1

С появлением Flexbox и CSS Grid традиционные подходы к использованию float становятся устаревшими. 1