Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/475.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 自动最大高度(JS)_Javascript_Css - Fatal编程技术网

Javascript 自动最大高度(JS)

Javascript 自动最大高度(JS),javascript,css,Javascript,Css,你好,, 上面我展示了scheme Change height元素取决于另一个元素的高度,我有一个问题,是不是有一个选项可以做同样的事情,但是使用max height?任何css属性都可以使用.css设置(当然,如果您使用jquery)。所以基本上你可以这样做: var DocHeight = $('.xxx').height(); $(".yyy").height(200 -DocHeight); 请注意,在这种情况下,您必须手动添加“px”,因为.height()会自动进行转换,现在您需要

你好,,
上面我展示了scheme Change height元素取决于另一个元素的高度,我有一个问题,是不是有一个选项可以做同样的事情,但是使用max height?

任何css属性都可以使用.css设置(当然,如果您使用jquery)。所以基本上你可以这样做:

var DocHeight = $('.xxx').height();
$(".yyy").height(200 -DocHeight);
请注意,在这种情况下,您必须手动添加“px”,因为.height()会自动进行转换,现在您需要指定度量单位(我假设示例中的像素)

更多示例如下:

我还假设您只想设置最大高度。如果您还想获得最大高度,您可以通过类似的方式:

$(".yyy").css('max-height', (200 - DocHeight) + ' px');
请注意,在本例中,DocHeight与css中的定义完全相同,因此类似于“100px”或“10%”。如果要基于它计算某些内容,则需要手动将其转换为数字(如您所见,我从第二条指令中删除了“200-”部分,因为这将是无效的,因为您将从数字中减去字符串)。

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