Css Mozilla vs Chrome Div宽度问题。计算与不计算边界？

嘿，伙计们，我有个小问题要处理。我必须创建这个页面，它在Chrome中看起来很棒，但在Firefox中，每个div单元都会使一个像素变小，我相信这与边框宽度有关。我是否有工作或做错了什么

我正在使用CSS重置，并且我已经声明了我的文档类型

我应该用表来构建这个页面吗？抱歉，没有指向已发布代码的链接，而且当我将代码放入代码块时，它仍然显示HTML

---

提前谢谢

尝试使用CSS中的框大小属性来解决此问题<代码>框大小：边框框将在元素的实际宽度和高度内呈现边框和填充。要获得更好的描述，请选中此项

尝试使用CSS中的框大小属性来解决此问题<代码>框大小：边框框将在元素的实际宽度和高度内呈现边框和填充。要获得更好的描述，请检查此

尝试使用同样有效的CSS大纲。轮廓是围绕元素（边界外）绘制的线，以使元素“突出”

但是，outline属性与border属性不同

轮廓不是元素尺寸的一部分；元素的总宽度和高度不受轮廓宽度的影响

即

---

尝试使用同样有效的CSS大纲。轮廓是围绕元素（边界外）绘制的线，以使元素“突出”

但是，outline属性与border属性不同

轮廓不是元素尺寸的一部分；元素的总宽度和高度不受轮廓宽度的影响

即

---

浏览器永远不会呈现具有相同像素完美度的布局。一个像素的差异不是问题。在这种情况下，可能对你有帮助，也可能没有帮助，但你越早克服让网站在不同浏览器中显示完全相同的想法，你就会越高兴。浏览器永远不会呈现具有相同像素完美度的布局。一个像素的差异不是问题。在这种情况下，可能对你有帮助，也可能没有帮助，但你越早克服让网站在不同浏览器中显示完全相同的想法，你就会越高兴。

.example {outline: 1px solid pink;}