在页脚之前的底部，有许多框，每个框内都显示一个数字。在谷歌浏览器中，“+”和“6”在右边框上有一条 1px 的小线。
所有这些框在语义上与其他没有此 1px 行的框相同，并且此问题仅限于 chrome 和 firefox
我不确定它为什么被渲染以及如何摆脱它。
有任何想法吗？
问问题
1489 次
2 回答
0
这不是一个边界。这是因为后面的元素（在悬停时显示）比前面的元素宽 1px。您应该尝试将这两个元素都设置为width: 106px.
事实上，如果您将浏览器窗口的大小调整为大约 760 像素宽，您会注意到红色突出部分远大于 1 像素。
于 2013-02-17T19:53:57.967 回答
0
底层洋红色盒子的奇怪行为是因为：
在第 27 行的1140.css
.row .twocol {
width: 13.44%;
}
width将值更改为13.48%似乎可以解决此问题。
如果视口足够小，关于变得可见的边框：
如果不是故意的，一个简单的解决方法是在margin-right此处更改：
在第 452 行的styles.css
.lense {
...
margin-right: -15px;
...
}
至-20px
于 2013-02-17T20:04:35.390 回答