jquery - Jquery 动态 div 高度

Question

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

所以我尝试使用上面的代码来设置“menu-window-inner”的高度。它在我使用方程 X=AB 时有效，但在我使用 X=ABC 时无效。基本上它只在减去一个 div 的高度时才有效，而不是两个。

有人知道正确的解决方法吗？在阅读了代码和 css 之后，这一切对我来说都是正确的，所以我被迷惑了。

Answer 1

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

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

并且您的代码不起作用，因为在使用 CSS height 属性时需要在值的末尾附加“px”。