Question

我在屏幕底部有一个div 固定 固定高度为200px; 如何设置div高度到剩余高度？

<div id="container"></div>
<div id="wrap"></div>

body {
    padding: 0;
    margin: 0;
    color: #fff;
    font: 18px "bonvenocf";
}

#wrap {
    position: fixed;
    bottom: 0;
    text-align:center;  
    background: #1b1b1b;
    width: 100%;
    height:200px;
}

#container {
    width: 100%;
    background: #0084ff;
    min-height:320px;
}

这是我的小提琴：http://jsfiddle.net/8kLo0v9q/6/

Answer 1

更改container div以height: 100%：

#container {
    width: 100%;
    height: 100%;
    background: #0084ff;
    min-height:320px;
}

Answer 2

您需要做的就是添加以下代码：

body {
    height: 100%;
}

#container {
    height: 100%;
}

这将确保顶部div占据固定栏上方的剩余空间

如何将顶部div高度设置为剩余高度css

2 个答案: