如何更改div＃容器高度取決於與jquery的內容

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移除位置：絕對和頂部：800像素。