Javascript 画布尺寸的奇怪行为

所以，我对当前的一个问题感到困惑，谢天谢地，这很容易向你们展示

在JSFIDLE上：

：

upper.height=$（document.body.height（）-lower.height（）

：
upper.height（$（document.body.height（）-lower.height（））

正如您所看到的，出于某种原因，画布后面放置了几个像素的小边距。它最终创建了一个滚动条，因为它比它试图填充的视口高4个像素。为什么会这样？我已设置
边距：0和
填充：0用于所有元素

非常感谢
 您需要将
canvas
设置为块元素（默认情况下，
div
是块级别），默认情况下它是内联的，这就是您看到行为变化的原因：

非常感谢！我觉得有点傻，因为我没看到。
canvas{
    display:block
}