javascript - 溢出-x : hidden; overflow-y: inherit

Question

我有一个 div (id="c_content)，我想根据内容的长度垂直扩展而不显示水平溢出的内容。
我目前正在使用以下代码，但它似乎不起作用:-

#c_content {
        min-height: 645px;
        max-height: 2000px;
    overflow-y: inherit; overflow-x: hidden;
}

当我使用上面的代码时，垂直溢出的内容被隐藏了。应该发生的是，div 应该垂直扩展以显示内容。但这似乎并没有发生。

编辑:当我设置 overflow-y: visible; 而不是 overflow-y: inherit; 时，我得到了 y 轴的滚动条 ( http://prntscr.com/108wsm ) - 仍然没有我想要什么。

我想知道是否有任何方法可以解决这个问题，即使我必须使用其他代码，如 Java 或 Jquery

Answer 1

使用跨浏览器最小高度技巧..它会在必要时扩展 div。

#c_content { 
   min-height: 645px; 
   height:auto !important; 
   height: 645px;
   max-height:2000px;
}