Demigodd
@Demigodd

Как решить проблему с margin + height: 100vh?

ссылка на Codepen

Мне нужно отступы по бокам контейнера но после прописыванияmargin: 3rem появляется слайдер который не хочет исчезать.
Как правильно сделать отступы для контейнера ?
  • Вопрос задан
  • 196 просмотров
Решения вопроса 3
you_web
@you_web
Кратко обо мне
Я юзаю calc, но динозавры его могут не поддерживать, зато без js.

В вашем случае:
height: calc(100vh - 6rem);

Так как margin: 3rem; То плюсуем верх и низ и убираем 6rem
Вся прелесть calc что он умеет работать с разными величинами

В принципе неплохая поддержка: https://caniuse.com/#search=calc
Ответ написан
Комментировать
@Volito
Странный, но тоже вариант: https://codepen.io/artur-filimonow/pen/oNvOGNZ
Ответ написан
Комментировать
g0lovachlena
@g0lovachlena
https://codepen.io/g0lovachlena/pen/qBWwrXd
Или же если не хотите использовать calc, то можно использовать padding, но background задать для дополнительного дочернего элемента.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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