Question

我希望make contentarea高度浏览器窗口高，但减去顶部和底部div高度也是如此，那么我将适当地适应。我已经通过jquery做了一些，但我总是15px额外的高度。我知道如何解决这个问题。

可以直接将px放入js中，也可以直接减去15px以上。

demo 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

如何在浏览高度中拟合内容

1 个答案: