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

Question

我正在使用引导程序。你会在图片上看到我的麻烦

来自 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 的边框宽度，问题将消失（当边框出现时）。