JS中自动max-height

Question

var DocHeight = $('.xxx').height();
$(".yyy").height(200 -DocHeight);

您好， 上面我显示方案更改高度元素取决于另一个元素高度，我有问题，是一个选项做同样但有最大高度？

Answer 1

任何css属性都可以使用.css设置（如果你当然使用jquery）。所以基本上你做这样的事情：

$(".yyy").css('max-height', (200 - DocHeight) + ' px');

请注意，在这种情况下，您必须手动添加＆＃39; px＆＃39;因为.height（）自动进行转换，现在你需要指定度量单位（我假设你的例子中有像素）。

此处有更多示例：http://api.jquery.com/css/

我还假设您只想设置最大高度。如果你想获得最大高度，你可以在类似的事情中做到：

var DocHeight = $('.xxx').css('max-height');
$(".yyy").css('max-height', DocHeight);

请注意，在这种情况下，DocHeight与css中定义的完全相同，所以类似于＆＃39; 100px＆＃39;或者＆＃39; 10％＆＃39;。如果你想根据它计算某些东西，你需要手动将其转换为数字（因为你可以看到我从第二条指令中删除了＆＃39; 200 - ＆＃39;部分，因为它会无效因为你要从数字中减去一个字符串。）