Question

我正在尝试将我的Google地图的宽度和高度设置为100％。我知道你需要设置父母，我正在这样做。这就是我所拥有的：

<asp:Content ID="head" ContentPlaceHolderID="head" runat="server">
<style>
    #homeBody {
        height: 100%;
        width: 100%;
    }

    #map {
        width: 100%;
        height: 100%;
        margin-top: 200px;
    }
</style>
</asp:Content>

<asp:Content ID="homeBody" ContentPlaceHolderID="homeBody" runat="server">
    <div id="map"></div>

//some scriping to build map and what not
</asp:Content>

任何人都可以告诉我，我可能做错了吗？我目前只是在页面上看到一条很细的线......基本上没有高度，只有宽度。

Answer 1

其他标记会很有帮助。

如果#homeBody是另一个没有设置高度的元素的子元素，则它height: 100%;也不会有效。如果继续使用父元素的百分比高度，那么这些元素也需要在其父元素上设置高度。如果你所拥有的只是百分比高度，那么链条需要一直持续到<html>标签。

基本上浏览器正在做的是试图找出100％是百分比的。一旦到达<html>，它就可以使用视口，因为它的父元素将定义一个特定的高度。

Answer 2

你是对的，父母必须有一个高度让地图占据同一个地方。如果你想要100％身高，你可以看看这个：As of 3.2.0

设置谷歌地图的高度

2 个答案: