如何在bootstrap上执行OpenLayers地图高度100％

Question

我想达到100％的身高。

    <div class="container-fluid">
        <div class="row">
            <div id="map" 
              style="width: 100%; height: 300px; border: 1px solid #ccc;">
            </div>
        </div>
    </div>

工作代码为here。像素大小正在考虑高度但是尺寸（％）不起作用。

Answer 1

您可以尝试固定或绝对位置。

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