Html CSS宽度100%不工作

我有一个设置为100%宽度的导航栏。它显示得非常完美，但问题是当它被缩放时，右侧会留下一个空间。您可以在中看到工作示例 以下是我的CSS代码：-

.nav-container{
    width:100%;
    color:#fff;
    background:#000;
}
.nav-contained{
    min-width:350px;
}
}
body{
    padding:0;
    margin:0;
}

---

这是因为最小宽度。放大时，350px被“放大”，如果它大于外部容器宽度，它将变宽并显示滚动条

---

删除该最小宽度，使文字在缩放后分成多行。

如果要保持最小宽度，请将其添加到容器中，它将起作用：

.nav-container{
  width:100%;
  color:#fff;
  background-color:#000;
  min-width:350px;
}

---

问题：

当水平滚动条可见时，背景色不会填充浏览器宽度

解决方案：

我成功地将

背景色

定义从

.nav container

移动到

.nav contained

.nav-container {
    width:100%;
}
.nav-contained {
    min-width:350px;
    background:#000;
    color:#fff;
}

---

看不出任何问题。实际上，我还是看不到滚动条。看这个：问题在于JSFIDDLE上的最小宽度添加最大宽度：100%有意义吗；到所包含的.nav？我不认为问题在于滚动。这是因为当有一个水平滚动条（“右侧有一个空格”）时，背景色不会填充宽度。OP可能需要

最小宽度。