Как можно задать высоту блока по верхнему родителю?

Question

[Neuro]

Добрый день, при запросе к серверу по центру экрана необходима отобразить загрузку, для этого нужно передать компоненту загрузки ширину родителя, но я не могу её получить, так как между компонентом загрузки и родителем у которого содержится параметр height: 100%, есть div, который не имеет в себе никаких стилей, вот скриншот

могу ли я как то через код передать стили класса map-sub-router-wrap в класс container? или каким то другим образом исправить данную проблему?

Comments

[Петр Мухуров]

а в чем проблема дописать width 100% height 100% в класс container?

[Neuro]

Петр Мухуров, они написаны, но высота и ширина % берутся от родителя, а у класса контейнер родитель это пустой див, у которого эти свойства равны 0, следовательно и класс контейнер получает 0

[Петр Мухуров]

Neuro, тогда не вижу проблемы убрать пустой див, по факту он никакой нагрузки не несет

[Neuro]

Петр Мухуров, было бы всё так просто)
Это библиотека, написанная нашей компанией для разработки ui различных проектов, если убрать этот див то он уберётся во всех роутах, во всех проектах (а их не мало), что приведёт к не лучшим последствиям

[Петр Мухуров]

Neuro, напишите css

.map-sub-routes-wrap .container {
  width: 100%;
  height: 100%;
}

а вообще вопрос к создателям, зачем вставлять фейковый пустой бесполезный див)
можно еще сделать для map-sub-routes-wrap position: relative и вгружать в него spinner с position: absolute и 100% width+height

Answer 1

[grinat]

Через inherit можно ее прокинуть
.map-sub:first-child{
hiehgt: inherit;
}

.common-wrapper{
height:inherit;
}