Задать вопрос
TimLee
@TimLee
html

Почему Firefox не отображает margin-top и margin-bottom?

Здесь codepen.io/tbl/pen/CxLsH наглядно видно на чём я застрял
Правило:
div {
  margin: 1%;
}

В Chrome даёт ожидаемые отступы вокруг блока. В Firefox отступы есть только справа и слева.

К сожалению toster не даёт загрузить картинку для сравнения, где видно сразу два браузера.
  • Вопрос задан
  • 3336 просмотров
Комментировать
Подписаться 2 Оценить Комментировать
Решения вопроса 1
@whats
learn.javascript.ru/height-percent

Почитайте как вычисляется процентная часть от высот.

В стандарте флекс бокса написано следующее 
Percentage margins and paddings on flex items are always resolved against their respective dimensions; unlike blocks, they do not always resolve against the inline dimension of their containing block.
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
8266 f12 требуется сделать ревью и оптимизировать работу
26 апр. 2024, в 20:42
2000 руб./за проект
Доработать и интегрировать модуль на WordPress
26 апр. 2024, в 19:53
5000 руб./за проект
Разработать Telegram mini app
15 апр. 2024, в 22:14
30000 руб./за проект
Ещё заказы