Javascript CSS-自动高度分割

我在我的

#main

（或）

#面板

（从模板中获取）div中有一些扩展内容，但是当你扩展它时，它会弹出到未知的页面下

如何使我的

main

div随内容扩展

CSS 我还有一些JS/Ajax脚本，当你切换页面时，它们可以将页面扩展到合适的大小，它们会影响

请参见现场演示！（i）按钮） 单击div时，div将展开

有几次它在另一台计算机上工作，但非常随机

如果需要脚本或更多代码，请告诉我。 基本上，所有东西都包在.主->面板中

简单：展开div时，展开主div的高度以适合它。

.panel
{
    position: relative;
    display: table-cell;
    width:100px; 
    vertical-align:middle; 
}

---

如果您的问题实际上是“如何根据主div的内容改变主div的高度”，那么您需要做的就是删除

overflow:hidden。
问题不在于主div，而在于类面板

.panel {
padding: 3.5em 2.5em 3.5em 2.5em;
position: absolute; // I'm the problem
top: 0;
left: 0;
width: 45em;
}

这也是一个问题

#me .pic img {
position: relative; // I'm evil
display: block;
height: 100%;
}

不过，我的调试可能有问题，因为它不想玩得很好，有时也不想坚持我希望它做的事情

让我知道这是否有帮助，如果您需要调试任何东西

编辑

您的问题可能只是在显示隐藏div内容的脚本关闭时调用用于重新调整主div大小的脚本。这将重新调整页面大小以适应新内容

我找不到这个脚本发生了什么，所以如果你能提供它，我可以找到它。
你能提供更多的代码吗？或者最好是一个jsfiddle.net？@ExtPro默认情况下，我需要扩展div n.1。如果在页面已加载时尝试调整页面大小，我的ajax页面加载函数会感到困惑，但如果打开div、switch选项卡并返回，它就会工作。那么现在我该如何解决这个问题呢？你按照Mike的建议移除了溢出。把溢出放回去，因为这不是问题。我真的解决了。页面加载功能检测加载时的页面高度。但是，如果展开div，函数类似于“Whaat..”，但是如果保持div打开，切换页面并返回，函数类似于“哦，有一些内容，让我们展开”。因此，默认情况下，我需要展开第一个div。这里的脚本：如果您想在默认情况下扩展该div：请确保该跨度看起来像Lue Artotekistä并且没有“display:none；”附属于它。
#me .pic img {
position: relative; // I'm evil
display: block;
height: 100%;
}