在页脚之前的底部,有许多方框,每个方框都显示一个数字。在谷歌浏览器中,“+”和“6”在右边框上有一条小的1px线。
所有这些框在语义上与没有此1px行的其他框相同,此问题仅限于chrome和firefox
我不确定为什么要渲染它以及如何摆脱它。
任何想法?
答案 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