Html 在网页上定位bing地图控件

我正在尝试向网页添加bing maps ajax控件（v7）。我可以使用bing地图帮助中的样板文件添加控件，并将其作为我的地图分区

<div id='mapDiv' style="position:relative; width:400px; height:400px "></div>

我看到的行为是，如果我使用position:static，它会占据整个页面，如果我使用position:absolute，所有内容看起来都正常工作，但是我必须手动定位所有其他内容（我认为）。如果我使用position:relative，它似乎并没有考虑所有因素（例如，控件将与其以前的同级重叠，其以后的同级将与控件重叠）。 我是一名程序员，不是HTML专家，所以也许在布局属性方面我缺少一些基本的东西

---

我已经在IE和Chrome中测试了代码。我还注意到，地图的渲染似乎使用了位置设置为绝对的img标记，所以也许我需要告诉它不要这样做？但是我查看了地图控件，没有看到有帮助的属性，但也许我遗漏了一些东西

您应该使用相对位置或静态位置。如果呈现看起来很奇怪，那么您很可能缺少所需的meta标记和doctype值，这些值记录在您提供的链接中。这是使用不同浏览器时出现渲染问题的首要原因。在页面上设置地图非常容易。作为一个额外的资源，请看一下交互式SDK：如果您按下任何示例的HTML按钮，它将为您提供完整的HTML，您可以复制和粘贴。在任何主要浏览器中，这些功能都应该可以正常工作。如果您仍然看到严重的渲染问题，那么您的浏览器可能处于兼容模式。当这种情况发生时，IE使用IE5标准呈现页面，这不仅非常古老，而且Bing地图也不支持

map = new Microsoft.Maps.Map(document.getElementById("mapDiv"),
    {
        credentials: "BING_MAPS_KEY",
        center: new Microsoft.Maps.Location(45.5, -122.5),
        mapTypeId: Microsoft.Maps.MapTypeId.road,
        zoom: 12
    });