谷歌地圖裏面容器

我遇到了把我Container內的谷歌地圖，它提供了一些問題加載時，我把它放到我的任何容器中的一些問題，它只會工作，我的所有容器:(谷歌地圖裏面容器

之外

<section class="lookingfor"> 
     <ul class="clearfix"> 
     <li class="homeMap"> 
      <div id="map_canvas" style="width: 100%; height: 100%"></div> 
     </li> 
     </ul> 
    </section>

尋找類：

section.lookingfor .skills div.text {font-family: 'Open Sans', sans-serif; color:#666; font-size:14px; line-height:22px;} 
section.lookingfor ul li.homeMap {width: 100%; height: 100%;}

不知道第一線的影響：o

Clearfix：

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

homeMap類：

section.lookingfor ul li.homeMap {width: 100%; height: 100%;}

提前感謝！ :)

來源

2012-12-18 CodeGuru

問題是什麼？此外，它看起來像沒有你的元素定義'位置'，所以全寬度/高度將基於頁面本身而不是'

'。如果你的網頁有其他內容，這可能不是你想要的。 – user113215

集

position:relative;

和使用固定高度&的寬度，而不％，因爲％會給你0的高度。「這是因爲div試圖成爲大小的百分比，但默認情況下它具有不確定的高度。」

將解決此問題。感謝那些查看:)

來源

2012-12-18 09:50:35 CodeGuru

固定高度擰緊控件（放大/縮小，平移左/右/上/下） –

谷歌地圖裏面容器

回答

相關問題