Ответ
Плюсы:
- Простота использования для базовой верстки (обтекание текста вокруг изображений)
- Поддержка во всех браузерах, включая старые
- Легко создавать многоколоночные макеты без flex/grid
Минусы:
- Требует clearfix для корректного отображения родительского контейнера
- Сложность управления позиционированием элементов
- Не подходит для сложных адаптивных макетов
- Может вызывать проблемы с выравниванием элементов
<div class="clearfix">
<img src="image.jpg" style="float: left;">
<p>Текст обтекает изображение...</p>
</div>
<style>
.clearfix::after {
content: "";
display: table;
clear: both;
}
</style>Сегодня лучше использовать flexbox или grid для макетов, оставив float только для специфических задач вроде обтекания текста.