动态最大高度与Firefox中的js

Question

我无法在javascript中更改div的max-height值。任何人都可以给我任何提示。它适用于chrome，safari和IE，但不适用于Firefox。有没有办法让它在FF中工作？

http://jsfiddle.net/4k7Rk/

<div id='box'>
    lot of text<br/>
    lot of text<br/>
</div>

#box {
    max-height: 10px;
    overflow: hidden;
}
$('box').setStyle({'max-height': '100px'})

Answer 1

根据PrototypeJS文档，您需要使用样式的Camelized版本

所以而不是

$('box').setStyle({'max-height': '100px'});

应该是

$('box').setStyle({'maxHeight': '100px'});

这个小提示显示它在Firefox 20 http://jsfiddle.net/4k7Rk/6/

中工作

http://api.prototypejs.org/dom/Element/prototype/setStyle/

Answer 2

这应该有效

$('#box').css('max-height', '100px');

没有jQuery

document.getElementById('box').style.maxHeight = '100px';

看到这个小提琴： http://jsfiddle.net/bd8t9/1/

Answer 3

那是因为溢出设置为隐藏。

$('#box').css({'max-height':'100px','overflow':'auto'});