How to stretch a Yandex map by 100%?

Question

JavaScript

The code:

<script src="http://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript"></script>
<div id="map" style="width: 100%; height: 100%"></div>
<script type="text/javascript">
    ymaps.ready(init);
    var myMap;
    function init(){     
        myMap = new ymaps.Map ("map", {
            center: [55.76, 37.64],
            zoom: 10,
        });
        myMap.behaviors.enable('scrollZoom')
         myPlacemark = new ymaps.Placemark([55.70, 37.60], {
            });
            myMap.geoObjects.add(myPlacemark);
    }
</script>

If the "map" div is set to a height in percent, the map disappears; if in pixels, it appears.
I need to stretch the map to the full height of the block, how can I do this?

Answer 1

Add height to parent or putheight: 100vh

Answer 2

Variant with

<div id="map" style="width: 100%; height: 100%"></div>

worker, you have a jamb in something else.