Chrome上有时会出现一条带css的简单线条

Question

我不明白，因为Chrome有时会出现一条简单的颜色线。 我的行是用CSS代码定义的：

/* line warning */
.line_warning {
background-color:#ff9900; 
color:white; 
margin-top:5px; 
margin-bottom:5px; 
height: 1px;
}

显然，我只使用chrome（我使用Bootstrap）来解决这个问题。

如果您有任何想法解决它，请提前感谢。

Answer 1

快速解决方案是使用边框而不是背景颜色创建您的线...

.line_warning {
height:0px;
    border-top:1px solid #ff9900;
    margin-top:5px; 
margin-bottom:5px;
}

有兴趣知道是否有人可以解释为什么会这样，因为它似乎也是Firefox中的一个问题。

更新：我进一步研究了这一点，发现为你的身体添加一个边距可以修复它。

body {  
    margin:0px;
}

这似乎是normalize.css的用法 - 我不知道它为什么会起作用。看起来像一个错误。