как установить карту листовки на максимально возможную высоту

Question

У меня есть следующие настройки для размещения листовки с картой в известной загрузочной панели (sb-admin2).

Для этого я поместил карту в контейнер-флюид, который устанавливает содержимое страницы,

Пока карта работает только с фиксированными размерами высоты.Если я изменю высоту или ширину порта просмотра, карта исчезнет.

Есть ли способ настроить карту в том же месте, но с полной доступной высотой?(без прокрутки).

<div id="content-wrapper" style="max-height:100%;" class="d-flex flex-column">
    <div id="content">
    <nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">
    <div class="container-fluid">
         <div class="mb-2">
            <a href="#" class="btn btn-danger btn-circle" id="trucks_toogle_button">
            <i class="fa fa-truck"></i>
         </a>
         <a href="#" class="btn btn-warning btn-circle icon_drone" id="drones_toogle_button">
            <img class="button_image" src="icon/drone_white.svg">
         </a>
         </div>
         <div id="map" style="width:100%;height:78%"></div>
    </div>
    </div>
    <footer class="sticky-footer bg-white" style="padding: 1em 0 1em 0;">
    </footer>
</div>

Answer 1

Я использую Chrome, и иногда при расширении или сокращении размера области просмотра происходят странные вещи

Попробуйте использовать vh для высоты вместо%.vh означает% высоты окна просмотра.Аналогично vw является% ширины области просмотра