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

Question

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

里面有子 div，初始可见性关闭。

当我让它可见时，父 div 会垂直扩展。我不想要那个。

背景：

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

我试过溢出：隐藏、自动等，但我能得到的最接近的是滚动体似乎覆盖了浮动 div。我还将 z-index 设置在滚动条上方，但这也无济于事。

有什么建议么？

Answer 1

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

.parent {
    height: 400px; 
 }

并使您的孩子 div 具有绝对位置

.child {
    position: absolute;
}

Answer 2

在显示的元素上使用position:absolute以将其从页面流中删除。这将防止它影响父 div 的宽度。