Карта исчезает, когда другие DOV добавляются ниже или выше ⇐ CSS

[Anonymous]

Я пытаюсь отобразить карту Leafletjs вместе с некоторыми другими Divs с табличными данными, но карта не показывает.
, когда у меня есть только themap div в моем html, карта выглядит нормально:
...

html, body { height: 100%; margin: 0; display: flex; flex-direction: column; } .leaf
let-container { width: 100%; height: 100%; max-width: 100%; max-height: 100%; }

...

< /code>
Теперь я хочу добавить еще один девционизм с данными ниже карты, у него будет таблица с данными, но карта исчезает: < /p>
...

...
...
< /code>
Я хотел бы, чтобы карта взяла 100% ширины и имела соответствующую высоту (возможно, квадрат). И я также хотел бы продолжать добавлять другие данные данных ниже или выше к карте. Карта не показывает, когда данные div достаточно длинные:








html, body { height: 100%; margin: 0; display: flex; flex-direction: column; } .leaf
let-container { width: 100%; height: 100%; max-width: 100%; max-height: 100%; }




aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa


var map = L.map('myMap').setView([51.505, -0.09], 13);





Подробнее здесь: https://stackoverflow.com/questions/797 ... w-or-above