Question

我在将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：

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

homeMap类：

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

提前致谢！：）

Answer 1

设置

position:relative;

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

将解决问题。感谢那些观看过的人：）

谷歌地图内容

1 个答案: