嘿伙计们我的任务有一个小问题。我必须创建这个页面，它在Chrome中看起来很棒，但每个div单元格在Firefox中渲染一个像素，我相信它与边框宽度有关。是否有工作或我做错了什么？
我正在使用CSS重置，并且我已经声明了我的doc类型。
我是否应该使用表格来构建此页面？抱歉没有发布代码的链接，当我将代码放在代码块中时，它仍然显示HTML。
https://docs.google.com/file/d/0B8uifJLGRXapcHF1VzRNNGo1b2M/edit?pli=1
提前致谢。
答案 0 :(得分：3)
尝试使用也适用的CSS大纲。轮廓线是围绕元素（边框外）绘制的线，以使元素“脱颖而出”。
但是，outline属性与border属性不同。
轮廓不是元素尺寸的一部分;元素的总宽度和高度不受轮廓宽度的影响。
即
.example {outline: 1px solid pink;}
答案 1 :(得分：1)
尝试使用CSS中的box-sizing属性来解决此问题。 box-sizing:border-box;将在元素的实际宽度和高度内呈现边框和填充。有关更好的说明，请查看此http://css-tricks.com/box-sizing/