CSS - 奇怪的边界行为

时间:2018-05-28 23:52:50

标签: css firefox border

我有一个div,其border属性设置为:

border: 1px solid #3a87ad;

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

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

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

谢谢!

1 个答案:

答案 0 :(得分:0)

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

仔细检查

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

我希望它有效