DeLaVega
@DeLaVega
Верстаю, фронтэндю =)

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

Здравствуйте. Раньше пользовался обнуление путём такой штуки —
<див 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;}

Так вот везде всё как надо, но вот в хроме есть какая то лишняя высота, которую никак не могу убить… Может кто сталкивался с этим и есть решение?
  • Вопрос задан
  • 3295 просмотров
Решения вопроса 1
homm
@homm
Ну какой же это clearfix? Настоящий clearfix вообще без лишних элементов делается:
www.positioniseverything.net/easyclearing.html
Начиная с заголовка «Putting It Together».
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
Fesor
@Fesor
Full-stack developer (Symfony, Angular)
overflow и :after наше все.
Ответ написан
@egorinsk
> Так вот везде всё как надо, но вот в хроме есть какая то лишняя высота, которую никак не могу убить…

Начните с вкладки Metric в инспекторе и посмотрите, откуда она берется.
Ответ написан
DeLaVega
@DeLaVega Автор вопроса
Верстаю, фронтэндю =)
Всем спасибо, косяк понял. Буду делать как написали выше, то есть вторым классом.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы