css - Canvas 太高

Question

我的CSS:

body
{
    margin: 0;
    height: 100%;
}
canvas
{
    background-color: black;
    height: 100%;
    width: 100%;
}
html
{
    height: 100%;
}

如您所见，我的 body 的高度/宽度分别与窗口的可用高度/宽度一样。我的 canvas 具有 100% 的高度/宽度，看起来它应该是窗口内部的高度和宽度。但事实并非如此。它高了几个像素，并且出现了一个滚动条。为什么是这样？我可以让它发挥作用吗？我认为 canvas 没有任何填充或任何东西。 Chrome 和 Firefox 中都会出现这种情况。

Answer 1

您还需要:

canvas { display: block; }

因为canvas是一个内联元素，就像img。

内联元素在下面有一些“前导”，就像周围的文本一样。