overflow-x：hidden; 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;