css - 背景图像未填充完整的 div 大小

Question

这是应用于 div 的 css：

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

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

非常感谢任何指导。

更新：

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

请看图：

Answer 1

利用：

background-size: cover;

更新了 CSS。

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