Как исправить игнорирование margin-bottom в firefox?

Question

[Leo Mavrin]

В firefox игнорируется margin-bottom.
У меня есть всплывающие окно на сайте. Там где затемнение, там работает функция для закрытия окна по клику.
Я знаю, что по стандартам Firefox, это нормальное поведение, а у chrome нет. Но в chrome работает нормально, а в firefox - нет. Подскажите, как можно исправить косяк, не сломав ничего?)
Вот код
Закрытие происходит при нажати на "cover".
"olw" корректирует положение окна. Как раз в нем и прописан margin, который делает отступ сверху, но не может сделать снизу, так как по просто игнорируется.

Comments

[Сергей Герасимов]

Попробуйте в обертке псевдоэлементу :after задать хак clearfix или добавить небольшой padding-bottom.

С мобильного не могу посмотреть код, скорее всего там идёт схлопывание отступов

[Leo Mavrin]

Сергей Герасимов, padding пробовал, он тоже не работает. С after, тоже что-то не получается либо, я не так что-то делаю

[Leo Mavrin]

Сергей Герасимов, c after получилось все-таки)
Спасибо большое за помощь!)

[Leo Mavrin]

Сергей Герасимов, after работает, частично. Похожего эффекта я уже достигал, но без него. Проблема теперь в том, что click не работает. Потому что окно как будто стало больше, а на нем игнориурется клик. Такой же эффект происходит, если делать отступ с помощью padding в chrome. Если стоит margin, то все хорошо, но опять же, в chrome.

Вот как firefox видит обычный margin сверху, с ним как раз все в порядке

Так он видит margin от after. Из-за чего не работает клик. Так как для js, это все продолжение окна, а не той затемненной части, с который ему можно работать. Обычно так firefox подсвечивает padding

[Сергей Герасимов]

Leo Mavrin, я же говорю не окну, а обертке, т.е у вас это модальное окно должно быть помещено в некий блок с серым фоном. И mergin-bottom я тоже не говорил чтобы указывать, а именно padding-bottom обертке.

Погуглите на тему схлопывание отступов

[Leo Mavrin]

Сергей Герасимов, все. Получилось. Большое спасибо!)
Хорошо. Спасибо за совет