Почему clearfix называют хаком, костылем?

Question

[bro-dev]

Почему clearfix называют хаком? Вот скажите вы хоть раз использовали как нибуть по другому свойство clear:both; кроме как для для clearfix. Просто по моему оно как раз делает то для чего и было задумано.

Answer 1

[Stalker_RED]

Да, использовали clear:both. Это нормальное css свойство, ничего особенного в нем нет.
Но clearfix это же не только clear:both. Минимальный код clearfix еще и от браузера зависит.

Comments

[bro-dev]

Я могу посмотреть пример кода, в котором используется clear не для того, что делает clearfix?

[Stalker_RED]

Роман Бережнов: Сравните jsfiddle.net/h5tL3qof и jsfiddle.net/h5tL3qof/1
Разницу видно, или подсказать?

Answer 2

[Сергей Протько]

clearfix это кастыль, так как float элементы изначально не предполагалось использовать для построения лэйаута страницы. Но что поделать, flexbox-ы только появились.

Если вы когда-нибудь видели варианты обтекания картинок текстом в вордах всяких - то думаю вы сможете уловить суть этого css свойства.

Answer 3

[Михаил Чирский]

Мне кажется, раньше не было ::after ::before, не поддерживалось подобное везде как сейчас, и потому писали пустые блоки вроде
<div class="clear"></div>
У Сергея Чикуенка даже был вот такой хак chikuyonok.ru/2009/06/float-columns

.clear {
clear:both;
font-size:0;
overflow:hidden; /* тройной презерватив для IE */
}

Со временем пустые дивы заменили на псевдоэлементы, поправьте если я не прав.