html消除div之间的空格,css – 如何删除div内容和边框之间的空格？

我在另一个div里面有div.如果我在外部div中有一个边框,我在Microsoft Edge浏览器中有一些空间(100％或125％).我认为这是一个四舍五入的错误,但我不知道如何摆脱它.

CSS：

.outer {

background-color: black;

float: left;

border: 1px solid white;

}

.inner {

width: 300px;

height: 300px;

background-color: yellow;

}

如您所见,外部和内部div之间可见黑色背景.如果你没有看到它试图改变规模.

更新：差距真的不会出现在div元素之间,它位于靠近边界的内部div中.通过向内部div添加轮廓来发现它.

示例截图

边框和大纲的示例屏幕截图

(边界和轮廓之间的差距)

box-sizing: border-box;

border: 1px solid lime;

outline: 1px solid lime;