Css 为什么线性渐变适用于我的div，但不适用于我的身体？_Css

Css 为什么线性渐变适用于我的div，但不适用于我的身体？

css

Css 为什么线性渐变适用于我的div，但不适用于我的身体？,css,Css,我正在测试一些CSS悬停效果，并在我的容器div的背景上显示了一个线性渐变，其中包含一个无序列表。我对正文应用了另一个线性渐变，使页面具有不同的背景。由于某种原因，身体上的梯度不起作用，我不知道为什么。有什么想法吗身体{ 保证金：0；填充：0；背景：右线性梯度，480048，c04848；字体系列：“Lato”； } .集装箱{ 位置：绝对位置；最高：50%；左：50%；转化：转化-50%，-50%；宽度：1200px；高度：150像素；背景：右线性梯度，49a09d，5f

我正在测试一些CSS悬停效果，并在我的容器div的背景上显示了一个线性渐变，其中包含一个无序列表。我对正文应用了另一个线性渐变，使页面具有不同的背景。由于某种原因，身体上的梯度不起作用，我不知道为什么。有什么想法吗

身体{ 保证金：0；填充：0；背景：右线性梯度，480048，c04848；字体系列：“Lato”； } .集装箱{ 位置：绝对位置；最高：50%；左：50%；转化：转化-50%，-50%；宽度：1200px；高度：150像素；背景：右线性梯度，49a09d，5f2c82；文本对齐：居中；边界半径：100px；盒影：0.10px rgba0,0,0,0.5； } 一二三四五六

正文没有内联内容。向正文中添加任何内容，例如：

<body>&nbsp;

然后它将渲染主体背景。

这是由于您的容器元素上的位置：绝对。容器元素：这样，您的主体高度为零，因为绝对位置的元素与父元素的大小/高度无关，即它不可见

只需将位置设置更改为“相对”，您就会看到身体上的渐变

我想说这个解释并不完全准确。。。因为如果你用一个图像改变梯度，它会因为背景传播而显示，但是用梯度，它会因为高度的不同而不同：0。。。是的，这是关于高度：0，但不仅仅是这个。我不知道这个问题已经被问过了，对不起。感谢链接到您的详细解释！好吧，别难过；要找到如此精确的问题并不容易。。即使是我，我也花了很长时间才找到它