如何在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>

工作代码在这里.像素大小正在考虑高度但是尺寸(%)不起作用.

Answer 1

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

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