css - 使占位符 div 可动态重叠

Question

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

Answer 1

Min-height 在 IE 6 中很容易实现。来自 Dustin Diaz 的最古老的 hack：

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 ，该容器等于菜单的最高高度