Jquery动态Div高度

时间:2012-05-06 01:11:52

标签: jquery dynamic html

$('#menu-window-inner').css(
    {'height':
        ( 
            ($('#menu-window').height()) - 
            ($('#menu-window-title').height()) -
            ($('#menu-window-footer').height()) 
        )
    }
);

所以我正在尝试使用上面的代码来设置“menu-window-inner”的高度。当我使用等式X = A-B时它起作用,但是当我使用X = A-B-C时则不行。基本上它只在减去一个div的高度时才有效,而不是两个。

有人知道正确的解决方法吗?阅读完代码和css后,对我来说看起来都是正确的,所以我很喜欢。

1 个答案:

答案 0 :(得分:3)

你可以在这里使用jQuery的outerHeight()和height()函数:

$('#menu-window-inner').height(
    $('#menu-window').outerHeight() - 
    $('#menu-window-title').outerHeight() - 
    $('#menu-window-footer').outerHeight()
);

并且您的代码无效,因为在使用CSS height属性时,您需要在值的末尾附加“px”。