CSS - 奇怪的边界行为

Question

我有一个div，其border属性设置为：

border: 1px solid #3a87ad;

当我在浏览器中检查此div（使用Firefox 60.0.1）时，边框的计算值为0.6 px。这不单独是一个问题，但我在插件中使用多个这些div，将它们放在另一个下面，当它计算每个div的顶部位置时，它使用精确值。在放置3-4个div之后，我可以看到一条很小的白线（边框中的额外空白区域），它开始在屏幕上加起来。

不幸的是，由于代码太大，我无法提供一个小提琴，但我希望其他人也遇到类似的问题，并且知道解决方案。

我已经尝试过，在浏览器中刷新缩放设置，但这也无济于事，在100％缩放时查看，问题仍然存在。

谢谢！

Answer 1

我认为你的代码被你在插件中使用的其他CSS覆盖了

仔细检查

并尝试border: 1px solid #3a87ad!important;

我希望它有效