overflow-x:隐藏；overflow-y:继承

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;
}

Answer 2

inherit不是overflow-y属性的有效值。尝试将其设置为overflow-y:visible;