Css Chrome中没有边框，但Firefox中有边框

我正在使用引导。 你会在图片上看到我的麻烦 Chrome屏幕： FireFox屏幕：（对不起，底部还有一个带边框的div） 我的HTML（我认为不需要将所有内容都放在这里）：

---

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

---

问题是由于舍入错误，因为边界设置为半像素。通过使用至少1px的边框宽度，问题将消失（当边框出现时）。

您是否尝试使用1px的边框来排除舍入错误？您说得对，我将边框宽度更改为1px，和边框显示您希望浏览器如何渲染半个像素？定义小于

1px的边框没有意义，因为这是最小的屏幕单位：），但这样做可能会由于浏览器的数学引擎而带来一些痛苦-有些会将该值设为
0
，有些会将其取整为
1
。这正是发生在你身上的事。
    <div class="row menu">
    ...
</div>

    .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);
     }