Html 线性-渐变（）形成虚线

我正在打开一个没有内容的HTML文件，只有完整的HTML框架。我使用这个线性渐变来设计html的样式

body {
    background: linear-gradient(#e66465, #9198e5);

而不是得到预期的结果

我得到了这个。

此示例来自中提到的

---

希望这有帮助

这里发生的事情是

元素非常特殊。它是视口的高度，因为它必须是，它默认为

overflow:auto。然而，它的高度并没有明确定义，而是由浏览器授予的。所以梯度不知道从哪里得到它的高度值，变得疯狂


正文{
背景：线性梯度（#e66465，#9198e5）；
}
html，
身体{
身高：100%；
}
身体{
保证金：0；
背景：线性梯度（#e66465，#9198e5）；
}

线性梯度背景
这是可行的，但我不明白为什么没有一个教程提到这一点，或者为什么它首先会发生。明天我还要学习更多。@Lazaro检查副本，你会得到详细的解释
html{
 height:100%
}
body{
 width:100px;
 height:100px;
 background:linear-gradient(red, black);
 background-repeat:no-repeat;
 height:100%
}