Html 随着缩放，div背景显示为白色

我有一个缩放问题，如果任何div有背景色/边框，当我放大它时，它会显示为完全白色

我尝试放大Facebook网站，但这个问题没有出现

这个图像可以使问题更加清楚

那么问题是什么呢

HTML头css

header {
  border-bottom: 1px solid #d6d6d6;
  width: 100%;
  padding-bottom: 10px;
  background-color: #BF0404;
  color: white;
  background-position:bottom;
}

---

看起来你有一个固定的宽度。尝试：

width:100%

在您的div上

似乎您有一个固定的宽度。尝试：

width:100%

在您的div上

似乎您有一个固定的宽度。尝试：

width:100%

在您的div上

似乎您有一个固定的宽度。尝试：

width:100%

在您的div上设置宽度为100%菜单所需的设置宽度为100%菜单所需的设置宽度为100%菜单所需的设置宽度为100%菜单所需的设置宽度为100%菜单所需的如果问题出现，请在屏幕底部有一个水平滚动条窗口

然后不要使用宽度：100%。这是block元素的defaut值，对于流中保留的元素来说是无用的

width:100%

将缩小屏幕宽度上的布局（如果它在CSS中具有有效宽度，则为父级）

若要使页眉超出父页眉的宽度，请为其设置一个允许其自然扩展（或收缩）的布局。

---

如果在窗口底部有一个水平滚动条时出现问题

然后不要使用宽度：100%。这是block元素的defaut值，对于流中保留的元素来说是无用的

width:100%

将缩小屏幕宽度上的布局（如果它在CSS中具有有效宽度，则为父级）

若要使页眉超出父页眉的宽度，请为其设置一个允许其自然扩展（或收缩）的布局。

---

如果在窗口底部有一个水平滚动条时出现问题

然后不要使用宽度：100%。这是block元素的defaut值，对于流中保留的元素来说是无用的

width:100%

将缩小屏幕宽度上的布局（如果它在CSS中具有有效宽度，则为父级）

若要使页眉超出父页眉的宽度，请为其设置一个允许其自然扩展（或收缩）的布局。

---

如果在窗口底部有一个水平滚动条时出现问题

然后不要使用宽度：100%。这是block元素的defaut值，对于流中保留的元素来说是无用的

width:100%

将缩小屏幕宽度上的布局（如果它在CSS中具有有效宽度，则为父级）

若要使页眉超出父页眉的宽度，请为其设置一个允许其自然扩展（或收缩）的布局。

---

---

请向我们展示您的代码。或者更好，JSFiddleI刚刚添加了标题代码请向我们展示您的代码。或者更好，JSFiddleI刚刚添加了标题代码请向我们展示您的代码。或者更好，JSFiddleI刚刚添加了标题代码请向我们展示您的代码。或者更好，JSFiddleI刚刚添加了标题代码每个父元素使用

width:100%

每个父元素使用

width:100%

每个父元素使用

width:100%

每个父元素使用

width:100%

谢谢，

display:table

解决了这个问题。@MohamedAref，如果这个答案对您有帮助，请接受它。这样你就可以给GCyrillus积分，社区的其他人就不会再为这个问题烦恼了。谢谢，

display:table

解决这个问题。@MohamedAref，如果这个答案对你有帮助，那就接受它吧。这样你就可以给GCyrillus积分，社区的其他人就不会再为这个问题烦恼了。谢谢，

display:table

解决这个问题。@MohamedAref，如果这个答案对你有帮助，那就接受它吧。这样你就可以给GCyrillus积分，社区的其他人就不会再为这个问题烦恼了。谢谢，

display:table

解决这个问题。@MohamedAref，如果这个答案对你有帮助，那就接受它吧。这样你就可以给GCyrillus积分，社区的其他人就不会再为这个问题烦恼了

header {
  min-width:100%;/* as a block element , it should cover all width avalaible, make sure it does */
  display:table;/* will expand , so background will too*/
}