背景图片不会填充完整的div大小

Question

这是应用于div的css：

#header{
    background-size: 100%;
    background: url('../img/header.png');
    width: 100%;
    height: 200px;
    border-bottom: 10px solid #b2d234;
}

正如您在图片中看到的那样，底部边框适合整个宽度，但背景图像既不会填满整个宽度也不会填充高度，即使没有应用填充或边距。 / p>

非常感谢任何指导。

更新

我缩小了，所以问题很容易看出来。问题是背景图像正在重复，每次重复之间都有小空格。我尝试了无重复选项，但后来我只获得了一次背景，并没有填满整个屏幕。

请看一下图片：

Answer 1

使用：

background-size: cover;

更新了CSS。

#header{
    background-size: cover;
    background: url('../img/header.png');
    width: 100%;
    height: 200px;
    border-bottom: 10px solid #b2d234;
}