1

我在将 Google 地图放置在我的容器中时遇到了一些问题，当我将它放入我的任何容器中时，它会在加载时出现一些问题，它只能在我所有的容器之外工作:(

<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:after {    content: ".";    display: block;    height: 0;    clear: both;    visibility: hidden;    }

homeMap 类：

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

提前致谢！:)

4

1 回答 1

3

放

position:relative;

并使用固定的高度和宽度而不是 % 因为 % 会给你 0 高度。“那是因为 div 试图成为 的大小的百分比，但默认情况下 div 的高度不确定。”

将解决问题。感谢观看的人:)

于 2012-12-18T09:50:35.727 回答