wbsr
@wbsr
Программист - любитель

Откуда берется отступ в вёрстке?

Сделал лендинг new.bezent.kz и пока смотрел его в Firefox все было хорошо
Но в Chrome обнаружилась досадная деталь - непонятный пустой отступ между первым и вторым блоками

Вот этот:
5b66d18284f16767000319.png

Помогите понять откуда он взялся, и как его устранить
  • Вопрос задан
  • 253 просмотра
Решения вопроса 2
@dsmaslov
Лучше сбросить не глобальными стилями, а внутренними для элемента, если вы не используете сторонние библиотеки, например normalize.css.

price h2 {
  margin-top: 0;
  margin-bottom: 0;
}


Вообще лучше стоит взять за правило — не сбрасывать то, о чём не знаете. То есть задавать значения именно конкретно.
Ответ написан
Комментировать
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
Руководитель frontend направления, предприниматель
Убирать отступы для заголовков и в принципе текстового форматирования — плохая практика. На данный момент, как я понял, уже прописаны обнуления отступов, поэтому не могу повторить у себя в хроме на сайте.
Если хотите корректного «обертывания» тегов с базовыми отступами (и вообще с отступами), лучше использовать свойство overflow:hidden/auto. Обращаю только внимание, что если у родителя жестко прописаны размеры — он будет прятать все, что выходит за рамки. Если же размеров нет, он будет оборачивать все дочерние элементы с их внешними отступами.
Данная тема относится к схлопывающимся отступам.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
01 мая 2024, в 02:11
5000 руб./за проект
01 мая 2024, в 00:29
2000 руб./за проект
01 мая 2024, в 00:20
15000 руб./за проект