1px边框显示在铬

时间:2013-02-17 19:41:02

标签: html google-chrome css3

在以下网页http://achi.co/about.php

在页脚之前的底部,有许多方框,每个方框都显示一个数字。在谷歌浏览器中,“+”和“6”在右边框上有一条小的1px线。

所有这些框在语义上与没有此1px行的其他框相同,此问题仅限于chrome和firefox

我不确定为什么要渲染它以及如何摆脱它。

任何想法?

2 个答案:

答案 0 :(得分:0)

这不是边界。这是因为后面的元素(在悬停时显示)比前面的元素宽1px。您应该尝试将这两个元素都设置为width: 106px

事实上,如果您将浏览器窗口的大小调整为大约760px宽,您会注意到红色悬伸远大于1px。

答案 1 :(得分:0)

底层洋红色盒子的奇怪行为是因为:

  

在第27行的1140.css

.row .twocol {
    width: 13.44%;
}

width值更改为13.48%似乎可以解决此问题。

关于视口足够小时变为可见的边框:

如果不是故意的话,一个简单的解决办法就是在这里更改margin-right

  第452行styles.css中的

.lense {
    ...
    margin-right: -15px;
    ...
}

-20px