Html 在不使用框架的固定内容页面上滚动菜单

我把谷歌地图放在一个页面上。左边是菜单，右边是内容

我希望左侧的菜单滚动，但右侧的内容、地图在本例中不滚动。我不想使用框架或Javascript

我希望使用以下代码执行此操作：

<div  id="map" style="width:100%; height:100%; position:fixed;" ></div>

---

演示：

我尝试重新格式化并修复一些元素重叠，以便更具可读性，我希望这会有所帮助

此外，我还将PHP代码替换为：PHP_INSERT_LOCATION_u，这样我就可以通过验证器运行它，并确保我没有犯任何错误

您说过贴图没有出现，这是因为贴图高度为100%，结果为0，因为主体的唯一其他元素是position:absolute；。由于没有设置主体高度，主体高度保持在0

为了解决上述问题，我添加了高度样式：100%；对html、body和div.Content进行修改，使上述元素成为窗口的宽度，否则将尝试占用尽可能少的垂直空间

此外，谷歌地图脚本似乎增加了位置：相对；为此，您必须将position:fixed添加到Content div，请参见以下内容：

在此处查看：

---

好的，这就是你想要的：

<div id="Content" style="position:absolute; top:0px; right:0px; bottom:0px; left:0px; ">
    <div id="map" style="width:100%; height:100%;" ></div>
</div>

---

好啊谢谢你的回答。。当我把这个标记映射停止工作时，我想要固定内容端。。想滚动菜单侧。@brio我想我有一个小问题：如何平衡这个divs？：@brio这可能是另一个问题。我想这与我们继承的风格有关。祝你好运By Nexs Hax：在修复后添加分号？@MadaraUchiha实际上不需要最后一个分号，只要您正确关闭样式属性或CSS规则。尝试添加样式=高度：100%；溢出：滚动；到菜单div和overflow：隐藏；致本机构：

<div id="Content" style="position:absolute; top:0px; right:0px; bottom:0px; left:0px; ">
    <div id="map" style="width:100%; height:100%;" ></div>
</div>