javascript - 如何在子 div 可见时阻止父 div 垂直扩展

Question

我有一个设置了高度的父 div。

其中有子 div，初始可见性已关闭。

当我使其可见时，父 div 会垂直展开。我不想要那个。

背景:

我正在使用 DataTables，以及 scroller 和 filterColumn 插件。我的表的标题有一个由 jQuery 分配的操作，当我点击一个列标题时，一个 div 将出现在它下面并显示一些内容。问题是，当它出现时，标题 div 会展开。

我尝试过 overflow: hidden、auto 等，但我能得到的最接近的是滚动体似乎覆盖了 float div。我还将 z-index 设置为滚动条上方，但这也没有任何作用。

有什么建议吗？

Answer 1

你可以给父div一个固定的高度

.parent {
    height: 400px; 
 }

并让你的 child div有绝对位置

.child {
    position: absolute;
}