javascript - 溢出-x：隐藏；溢出-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

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