Помогите, пожалуйста, уйти от vh, очень нужен полностью блок, а не на экран Т_Т
Не могу сделать блок высотой 100%
https://casino-gossip.ru/region/afrika/ вот такой шаблон из темы. До обновления темы меняла просто везде высоту , где calc - на 100%, а теперь это не прокатывает.
height: calc(100% - 61px);
например.
Сейчас, если я задаю высоту в процентах, то блок просто исчезает.
.finder-container { height: calc(100vh - 89px);}
Вот тут это vh - подскажите, как от неё уйти?
.wp-page { height: calc(100% - 71px)}; //71- Высота шапки
остальным что внутри тогда height:100%;
он потому и пропал что контейнер в котором он сам не имеет вісоті и розпирался принудительно контентом. Если высот аблока зависит от ширина экрана то посчитайте на скриптах и дайте высоту тому родителю.
Непонятный вопрос, куда уходить? зачем уходить? Может тебе просто лучше разобраться в чем разница между 100% и 100vh?
VH
высота: 100vh; означает, что высота этого элемента равна 100% высоты области просмотра.
пример: высота: 50vh;
Если высота вашего экрана составляет 1000 пикселей, высота вашего элемента будет равна 500 пикселей (50% от 1000 пикселей).
CALC
высота: calc (100% - 100 пикселей); вычислит размер элемента, используя значение
элемента.
пример:
высота: calc (100% - 100 пикселей);
Если высота вашего экрана составляет 1000 пикселей, высота вашего элемента будет равна 900 пикселей (100% от 1000 пикселей и минус 100 пикселей).