Css 渐变背景没有从上到下延伸

我正在尝试实现渐变色背景。这是相关代码

#梯度{
背景：-webkit线性梯度（红色、白色、蓝色）；
背景：-莫兹线性梯度（红、白、蓝）；
背景：-o-线性梯度（红、白、蓝）；
背景：线性梯度（红、白、蓝）；
}

---

…

如果不想重复，只需在线性渐变的末尾添加“不重复”

例如：

background: linear-gradient(red, white, blue) no-repeat;

然后根据你的需要设定你的身高

如果你想让它的高度=100%，那么就用下面的css做一个div标记

background: -webkit-linear-gradient(red, white, blue) no-repeat;
background: -moz-linear-gradient(red, white, blue) no-repeat;
background: -o-linear-gradient(red, white, blue) no-repeat;
background: linear-gradient(red, white, blue) no-repeat;
position: absolute;
height: 100%;
width:100%;
left:0;
top:0;

---

你不想让身体成为绝对的。但是，如果使用div标记以第二种方式进行操作，则无需重复

正文仅包含内容的高度，即使将高度设置为100%，浏览器也必须100%了解内容

在这种情况下，需要设置高度为100%的父

html

元素

html{
身高：100%；
}
#梯度{
背景：-webkit线性梯度（红色、白色、蓝色）；
背景：-莫兹线性梯度（红、白、蓝）；
背景：-o-线性梯度（红、白、蓝）；
背景：线性梯度（红、白、蓝）；
}

---

我尝试不添加重复，但背景仍会停止，直到导航栏。我尝试添加高度：100%，但没有更改。请使用Div标记重试。请勿在正文标签上使用“位置：绝对”。