html - 谷歌地图弄乱了我的页面 :)

Question

我在我的页面上添加了一个谷歌地图: http://www.comehike.com/outdoors/trees/trees.php?tree=43

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

谢谢， 亚历克斯

Answer 1

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

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

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

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