Растянуть высоту / ширину, чтобы уместить экран в теге <Div>

Question

У меня есть перенос карты в тег div, что я могу сделать, чтобы "map_canvas" растянулся на 100% на ширину / высоту ниже тега h1?

Возможны CSS и javascript?

<div data-role="page" id="gmap">
    <div data-role="header" data-theme="b">
        <a href="#map" data-icon="back" data-transition="none">Back</a>
        <h1>Google Map</h1>
    </div>
    <!--div id="map_canvas" style="width: 480px; height: 480px"></div-->
        <div id="map_canvas"></div>
</div>

Приветствие.

Answer 1

Во-первых, вам может понадобиться рассчитать, что такое ширина и высота с помощью JS, и применить к вашему div, это будет идеальный вариант.

Второй способ: 100% ширина будет работать через css (margin: 0auto; ширина: 100%), но высота 100% невозможна с помощью css.