Chrome对css边框的处理是否与Firefox不同？

我在一个div上运行下面的css，当我打印屏幕并实际测量他的宽度时，firefox中的宽度是181px加上左侧的1px边框和右侧的1px边框。但当我在Chrome中查看它时，它的宽度是179px，边框在左边是1px，在右边是1px。就好像他们把盒子的宽度都吃光了一样。有人能解释一下吗

.tab{
    background:#fff;
    border-left:1px #000 solid;
    border-right:1px #000 solid;
    height:111px;
    width:181px;
}

---

不同的浏览器对待Boder的方式不同，请尝试将其添加到.tab类：

.tab {
    ...
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

看 和/或

或者，您可以执行以下操作来修复所有元素的此“问题”：

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }