拉伸高度/宽度以适合<div>标签</div>中的屏幕

Question

我在div标签中有一个地图换行，我该怎样做才能使“map_canvas”在h1标签下面的宽度/高度拉伸100％？

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（边距：0自动;宽度：100％），但通过css无法实现100％高度。