使占位符 div 可动态重叠

Question

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

Answer 1

Min-height 在 IE 6 中很容易实现。
来自达斯汀·迪亚兹 (Dustin Diaz) 的最古老的黑客：

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

或者用表达式：

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

事实上，对于 IE 6 高度就像 min-height。元素将随着其中的内容展开，直到指定了 overflow:hidden。

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

Answer 2

您可能在菜单和内容周围有一个容器，对吧？您可以向容器添加一个 css min-height ，该高度等于菜单的最高高度