Mozilla vs Chrome Div宽度问题.计算与不计算边界



嘿,伙计们,我有一个小问题与分配。我必须创建这个页面,它在Chrome中看起来很棒,但每个div单元格在Firefox中渲染小一个像素,我相信这与边框宽度有关。是否有工作或我做错了什么?

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

我应该使用表格来构建这个页面吗?对不起,没有链接到发布的代码,也当我把代码在代码块它仍然显示HTML。

https://docs.google.com/file/d/0B8uifJLGRXapcHF1VzRNNGo1b2M/edit?pli=1

提前感谢。

尝试使用CSS轮廓也将工作。轮廓线是在元素周围(在边界外)绘制的一条线,使元素"突出"。

但是,outline属性不同于border属性。

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

.example {outline: 1px solid pink;}

尝试使用CSS中的box-sizing属性来解决这个问题。box-sizing:border-box;将在元素的实际宽度和高度内渲染边框和填充。查看这个http://css-tricks.com/box-sizing/

最新更新