如何包装类容器，使其具有100%的背景渐变？不过，我不希望它适用于整个身体。就在集装箱里。
向容器div元素添加一个类。例如<div class ="container wrapclr">
Some content here
</div>
在Css文件中包括.wrapclr
{
background-gradient:your choice;
}
不确定您的意思是希望容器是否为屏幕的100%，但假设是这样，您需要将html和body设置为100%高度，在其中放置一个100%高度的容器，然后向容器添加渐变，或者在容器旁边添加第二个类。
CSS
html, body {
height:100%;
margin:0px;
}
.container{
height:100%;
}
.gradient {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.0)));
}
HTML
<html>
<body>
<div class="container gradient">Container with a gradient</div>
...
它在行动：Codepen
您也可以直接将.gradient中的css添加到容器中，但通过这种方式，您可以通过向任何元素添加.gradient类来向其添加渐变。