谷歌地图搞砸了我的页面:)

Question

我在这里添加了一张谷歌地图： http://www.comehike.com/outdoors/trees/trees.php?tree=43

但由于某种原因，我无法得到两件事： 1）页面向左移动 2）我不能让地图成为页面的宽度，并且设置长度（以像素为单位） - 这可能吗？现在我的map_canvas div只有style =“width：750px; height：300px”。

谢谢， 亚历

Answer 1

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

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

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

对于Google地图宽度，请删除“width：750px;”来自div＃map_canvas的内联样式。块级元素（如div）会自动跨越其容器的整个宽度，而无需CSS样式的任何进一步干预。你只需要给它高度，否则浏览器会使用高度渲染div：0px。