jquery - 如何使用jquery根据内容更改div#container高度

Question

在这个链接中，当我按下一个点时，我有一个带有一些点的地图，除了地图之外还会出现一个文本，但是当内容更大（如 Ilam 点）时，文本会出现在页脚的顶部。我如何使用 jquery 来根据点（城市）内容调整高度。谢谢！

链接是http://test.dariuscarpets.gr/%CF%80%CE%B5%CF%81%CF%83%CE%B9%CE%BA%CE%AC-%CF%87%CE%B1 %CE%BB%CE%B9%CE%AC/

Answer 1

您可以通过修改 html 结构和 css 来解决此问题。修复应该是这样的。

<div class="map_container">
    links........
</div>
<div class="detail_container" style="display: block;">
</div>
<div class="city_detail_container">
</div>

将 .map_container 的高度更改为 800px。从 .detail_container 中删除 position: absolute 和 top: 800px。