jquery - 如何使内容适合浏览高度

Question

我想让 contentarea 高度成为浏览器窗口的高度，但还要减去顶部和底部 div 高度，这样我就可以正确地适应了。我已经通过 jquery 做了一些，但我总是 15px 额外高度。知道我该如何解决这个问题。

可能可以直接把 px 放在 js 中，也可能只是负 15px。

演示 http://jsfiddle.net/cyber007/1y06jssp/

下面是js。它从 topbar 和 topbar2 类中减去，但我仍然获得了 15px 的空间。

 $(window).on('resize', function(){

        var h = $(this).height() - $('.topbar').height() - $('.topbar2').height();
        if(h<=400) h=400
        $('.contentarea').height(h); 


    }).trigger('resize');

Answer 1

在我看来，添加到顶部栏的填充是附加额外像素的内容，因此只需取出填充或将其更改为适合您的

.topbar {
    background-color: #1f1f1f;
    border-top: solid 3px #0b0b0b;
    width: 100%;
    min-height: 56px;
    position: relative;
    z-index: 2;
}

JSFiddle