CSS - 自动高度div

Question

我的#main（或）#panel（从模板中获取）div有一些不断扩展的内容，但当你展开它时，它会弹出到页面下的未知内容......

如何使用我的内容扩展main div。

CSS

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

我还有一些JS / Ajax脚本在切换页面时将页面扩展到正确的大小，它们是否会影响......？

查看实时演示 here ！ （（i）按钮） 当你点击它们时，div会扩展。

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

告诉我您是否需要脚本或更多代码。 基本上，一切都包裹在.main - ＆gt; .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大小的脚本。这应该重新调整页面大小以适应新内容。

我找不到这个脚本的位置，所以如果你能提供它，我可以搞清楚。

Answer 2

如果您的问题实际上是“如何让我的主要div的高度变化取决于它的内容”，那么您需要做的就是从css类中删除overflow: hidden;。