Google地图具有额外的宽度

Question

我正在使用100%和margin:0;，但仍使用google map来扩展宽度，并且打开地图时页面显示不流畅。

#map {
    margin: 0;
    width: 100%;
    display: none;
    height: 400px;
}

这就是我正在使用的地图。但还是

在页面右侧看起来像这样。

Answer 1

@芭比娃娃

您只需提供属性即可隐藏多余的空间。 另外，额外的地图也不重要。 ： 溢出：隐藏；

Answer 2

包含#map的父元素可能具有一些额外的宽度。要确认，请尝试为#map设置固定的像素宽度，然后检查是否可以解决问题。如果您可以共享HTML代码，则可能会为您提供更多帮助。