javascript - Firefox中带有js的动态最大高度

Question

我无法在 javascript 中更改 div 的最大高度值。谁能给我任何提示。它适用于 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'});