css - 在 Chrome 中没有边框，但在 Firefox 中有

Question

我正在使用 Bootstrap 。 你会在图片上看到我的麻烦

来自 Chrome 的屏幕:https://www.dropbox.com/s/1zi8eq7zposn6c9/chrome.png

来自 FireFox 的屏幕:https://www.dropbox.com/s/7mrxarypnsjb63d/firefox.png (抱歉，底部还有另一个带边框的 div)

我的HTML(我觉得没必要全部放在这里):

    <div class="row menu">
    ...
</div>

我的 CSS:

    .menu{
    width:940px;
     height: 30px;
    border-width:0.5px;
    border-top-style:solid;
    border-bottom-style:solid;
    border-color: grey;
    padding:10px;
    background-color: rgb(212,229,190);
     }

Answer 1

由于我的评论有帮助，这里将解决方案作为官方答案。

问题是由于边框设置为半个像素而导致的舍入误差。通过使用至少 1px 的边框宽度，问题将消失(同时出现边框)。