Баг в хроме с использованием <br class="clearfix" />

Question

[Виталий Киренков]

Здравствуйте. Раньше пользовался обнуление путём такой штуки —
<див class="clearfix"></див>
— со стилями
.clearfix { font-size: 0; line-height: 0; height: 0; clear: both;}

Всё было замечательно. Но есть такое мнение, что использовать пустые блоки на сайте не совсем правильно и поэтому решил попробовать такую конструкцию:
<бр class="clearfix" />
со стилями
.clearfix { clear: both; display: block; height: 0; line-height: 0; overflow: hidden; font-size: 0;}

Так вот везде всё как надо, но вот в хроме есть какая то лишняя высота, которую никак не могу убить… Может кто сталкивался с этим и есть решение?

Answer 1

[homm]

Ну какой же это clearfix? Настоящий clearfix вообще без лишних элементов делается:
www.positioniseverything.net/easyclearing.html
Начиная с заголовка «Putting It Together».

Answer 2

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

overflow и :after наше все.

Comments

[Виталий Киренков]

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

[Виталий Киренков]

Решение понял. И вопрос уже чисто из раздела развития — почему пустые блоки — зло?

Answer 3

[egorinsk]

> Так вот везде всё как надо, но вот в хроме есть какая то лишняя высота, которую никак не могу убить…

Начните с вкладки Metric в инспекторе и посмотрите, откуда она берется.

Answer 4

[Виталий Киренков]

Всем спасибо, косяк понял. Буду делать как написали выше, то есть вторым классом.