如何使内容适合浏览高度

Question

我想使内容区域高度浏览器 window 高度但减去顶部和底部 div 高度，这样我就可以正确地适应。我已经通过 jquery 做了一些，但我总是 15px 额外高度。知道我该如何解决这个问题。

可能直接把px放在js里也可能只多-15px。

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

下面是js。它减去 class topbar 和 topbar2 但我仍然多了 15px space.

 $(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

如何使内容适合浏览高度

how to fit content in browse height

html

css

jquery

height

window