IE与chrome（以及其他浏览器）宽度兼容性问题

前文

最近接到一个task，一个table表格在chrome上没有X轴的滚动条，但是在IE上就有了滚动条。
也是查了很久才想到解决办法，所以记录一下。

正文

先上解决方案：

.class{
  box-sizing: border-box;
}

这个问题的根本原因是在IE 与别的浏览器在计算宽度的时候方法不同。

• chrome计算宽度 单纯的就是定义的width的长度。
• IE浏览器计算宽度则是用 width + padding + border。

有关于box-sizing的资料：
https://developer.mozilla.org/zh-CN/docs/Web/CSS/box-sizing