谷歌地图弄乱了我的页面:)答案

【问题标题】：Google map messing up my page :)谷歌地图弄乱了我的页面:)
【发布时间】：2011-02-17 02:50:42
【问题描述】：

但由于某种原因，我无法正确解决两件事： 1) 页面向左移动 2）而且我不能让地图成为页面的宽度，以及以像素为单位的设定长度 - 这可能吗？现在我只有 style="width:750px; height:300px" 用于 map_canvas div。

谢谢，亚历克斯

【问题讨论】：

您能更详细地解释一下您希望它是什么样子吗？ “页面向左移动”是什么意思。地图的宽度，不能直接设置样式为width: 100%; height: 300px;吗？
您能否提供 HTML 和 CSS 或将您的示例放在 jsfiddle 上。很难通过源代码来找到零碎的东西。

【解决方案1】：

关于您的页面“向左移动”，我注意到页面顶部有以下样式：

  body { height: 100%; width: 70%; margin: 0px; padding: 0px }

您确定不只是要删除高度和宽度说明符吗？这会将您的页面塞进浏览器窗口宽度的 70%。我不认为这是谷歌地图的问题。不确定这是否是您所描述的行为。

至于谷歌地图的宽度，去掉“width: 750px;”来自 div#map_canvas 上的内联样式。块级元素（例如 div）会自动跨越其容器的整个宽度，而无需 CSS 样式的任何进一步干预。你只需要给它高度，否则浏览器会渲染 div 高度：0px。

【讨论】：