使占位符div可动态重叠

Question

我正在使用jQuery UI手风琴作为页面右侧的菜单。但是，有时菜单会比左边的内容更高。因此，当扩展/收缩手风琴的各个部分时，浏览器上的滚动条可以在打开手风琴的一部分时增大/缩小。我的想法是在手风琴下面有一个div，这是手风琴可能达到的高度，当手风琴扩展时它会重叠，因此根本不会改变浏览器上的滚动条（希望这是有意义的）。赋予它一个位置：绝对并且声明高度和宽度似乎搞砸了布局，使其与页脚重叠但在其下方出血。任何人对如何使这项工作有任何想法？如果您需要更详细的示例，我会看到我可以做些什么来提供它，但是，该网站已被锁定，我无法提供用户名/密码。

Answer 1

在IE 6中很容易实现最小高度。 来自Dustin Diaz的最古老的黑客：

selector {
    min-height:500px;
    height:auto!important;
    height:500px;
}

或表达式：

selector {
    height:expression( this.scrollHeight < 499 ? "500px" : "auto" ); 
}

实际上对于IE 6的高度就像是最小高度。元素将随其中的内容一起展开，直到指定overflow:hidden ..

您始终只能使用“* html hack”或条件注释为IE 6应用规则。

Answer 2

菜单周围可能有一个容器，内容对不对？你可以在容器中添加一个css min-height，它等于菜单高度最高的