css - 用 div 填充额外的空间

Question

我想要这样的情况:

但是当黄色的div有height: 100%;时，就有了滚动条。

我该如何解决这个问题？

JSFiddle:http://jsfiddle.net/830roLv7/

Answer 1

如果您只需要填充颜色，则不需要额外的 div:

html, body{
    height: 95vh;
    margin: 0;
    background-color: yellow;    
}

.header{
    height: 200px;
    width: 100%;
    display: block;
    background-color: green;
}

<div class='header'>Header</div>