Google maps wont to show height 100%

-1

Я использую twitter bootstrap 3 и google maps, но этот код не показывает высоту карты в%. Когда я использую PX, все в порядке.Google maps wont to show height 100%

<body onload="findMyCurrentLocation()"> 
<div class="col-xs-3 col-md-3 col-lg-3"></div> 
<div class="col-xs-9 col-md-9 col-lg-9"> 

    <div id="map_canvas"></div> 

</div>

и CSS:

#map_canvas { 
       height:100%; 
}

источник

2015-01-05 Peter G.

Что вы хотите, чтобы высота карты была в процентах от? Высота видового экрана? Высота его родительского элемента? –

Если вы хотите установить высоту в процентах, вам нужно установить высоту родительского контейнера. Базовую форму вашего родительского контейнера не имеет высоты. Он получает высоту своего дочернего контейнера. Высота: 100% не будет работать так, как вы хотели. –

да, и спасибо !!! –

-1

<body> 
<div class="container"> 
    <div class="col-xs-9 col-md-9 col-lg-9"> 
    <div id="map_canvas"></div> 
    </div> 
</div> 
</body>

Проблема возникает из-за того, что вы не добавить контейнер.

источник

2015-01-05 15:35:40

Только ответы на код можно улучшить, добавив небольшое объяснение. –

Спасибо, @JasonAller В следующий раз я улучшу свой ответ. –

Google maps wont to show height 100%

ответ

Смежные вопросы