div背景出现变白的白色

我有一个缩放的问题，如果任何div有背景颜色/边框，当我放大它时，它看起来完全是白色的。div背景出现变白的白色

我尝试放大Facebook网站，并没有出现此问题。

此图像可以使问题更清楚。

enter image description here

那么是什么问题？

HTML CSS头

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

来源

2014-04-08 Muhammad Aref

我们展示您的代码，请。 – Albzi

甚至更好，一个JSFiddle – Mathlight

我刚添加了头文件代码 –

看来你有一个固定的宽度。尝试：width:100%您的div

来源

2014-04-08 09:35:40 JajaDrinker

必要宽度设置为菜单的100％

来源

2014-04-08 09:39:41 AlexPrinceton

每个父元素都取'width：100％' –

如果问题显示，一旦你有你的窗口底部的水平滚动条，

那就不要使用width:100%。无论如何这是块元素的默认值，对于保存在流中的元素是无用的。

width:100%将缩小其在屏幕宽度上的布局（或者如果它在CSS中具有有效宽度，则为父级）。

为了让您的标题增长超出父宽度，请给它一个允许它自然扩展（或缩小）的布局。

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*/ 
}

DEMO

来源

2014-04-08 10:05:34

谢谢，'display：table'修复了这个问题。 –

@MohamedAref，如果这个答案帮助你，那么接受它。这样你就可以给予GCyrillus信用，而其他社区不会再为这个问题烦恼了 – Mathlight

div背景出现变白的白色

回答

相关问题