javascript - CSS - 自动高度 div

Question

我的 #main 中有一些扩展内容(或)#panel (从模板中得到这个)div，但是当你展开它时，它会弹出到未知的地方，在页面下面......

我怎样才能制作我的 main div 用我的内容展开。

CSS

#main
{
    position: relative;
    overflow: hidden;
}

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

查看现场演示 here ! ((i)按钮) 当您点击它们时，div 会展开。

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

如果您需要脚本或更多代码，请告诉我。 基本上，所有内容都包含在 .main -> .panel

中

简单:当div展开时，展开主div的高度以适应它。

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

Answer 1

问题不在于主 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 大小的脚本的问题。这应该会调整页面大小以适应新内容。

我找不到这个脚本在哪里出错，所以如果你能提供它，我就能弄清楚。