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

【问题标题】：How to stop a parent div expanding vertically when child div becomes visible当子div变得可见时如何阻止父div垂直扩展
【发布时间】：2013-07-12 19:56:06
【问题描述】：

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

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

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

背景：

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

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

有什么建议吗？

【问题讨论】：

div { max-height: 200px !important; }
overflow:hidden 与我认为的浮动一起使用
你能在小提琴中展示一下吗

标签： javascript jquery css datatables

【解决方案1】：

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

.parent {
    height: 400px; 
 }

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

.child {
    position: absolute;
}

【讨论】：

【解决方案2】：

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

【讨论】：