如何使容器占据页面宽度的100％？

Question

我对自己的所作所为感到困惑。首先来看看我的小片段：

HTML：

 <div class="image_container"></div>

CSS：

 .image_container {
 background-image: url("images/wall.jpg");
 height: 120px;
 width: 100%;
 }

我上面使用的是有一个带有图像作为背景的容器，它将占用用户屏幕的整个宽度，因为我使用宽度：100％。但是在我的13英寸Mac上，它看起来就是这样，但是当我进入更大的屏幕时，图像部分显示但不占用100％的屏幕。为什么尽管使用宽度100％仍然不会占用整个宽度？

我试着看看我是否可以使用background-repeat：repeat-x，但这只是重复图像而且看起来很糟糕。我还能做什么或者有其他方法吗？

Answer 1

因为您设置了div的宽度，而不是图像。试试background-size: cover;

哦...... container实际应该是class。