作为div扩展html css的响应页面高度

我的处境： 在我的页面上，我的主要内容的右栏中有多个可折叠的面板。 此时，当我展开面板（其中包含大量文本）时，它会离开页面。 因此，这意味着用户无法阅读它。这是因为高度是硬编码的。 现在我想做的是当div扩展时，如果它达到页面的最大高度，页面高度将扩展以包含所有文本

问题： 有没有一种方法可以使页面高度随div一起扩展

我的CSS：

.container {
    width: 1000px;
    margin: 0px auto;
    background-color:White;
    height: 0px auto;
}
#page {
    overflow: hidden;
    width: 900px;
    padding: 0px 50px 50px 50px;
    background-color: #FFFFFF;
}
#content {
    float: right;
    width: 580px;
}

---

感谢您的建议

您可以为.container创建一个clearfix，这样它将扩展到其中浮动元素的大小。下面是关于使用clearfix的介绍

.container {
    width: 1000px;
    margin: 0px auto;
    background-color:White;
    height: 0px auto;
}

.container:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
 }

---

该代码将适用于IE6和IE7之外的所有内容。如果您也需要这样做，只需看一看这篇文章。

您可以尝试在.container上将位置设置为“绝对”和0px top and bot，而不是使用height

.container {
    width: 1000px;
    margin: 0px auto;
    background-color:White;
    top: 0px;
    bottom: 0px;
}

---

没关系，伙计们，我解决了…这是因为我用相对的高度和宽度来定位div，所以我只使用了margintop

---

感谢大家

嗨，不，很抱歉代码不起作用…当我运行它时，页面是空白的，可能是因为隐藏属性？对不起，我搞错了，再试一次