我使用particles.js作为页面的背景。我创建了一个按钮，同时在按钮类中使用margin属性时，我的粒子停止在整个页面中流动。
我最近了解了particles.js，对此一无所知。
我尝试了此链接上可用的解决方案，但对我不起作用。
particles.js not covering entire page
任何帮助，将不胜感激。
<style>
body
{
padding: 0;
margin: 0;
background: linear-gradient(to top right, #112128,#274a5a, #203A43, #0F2027,#081014);
}
#particles-js
{
widows: 100%;
height: 100%;
}
.butt
{
margin-top: 300px;
margin-left: 300px;
}
</style>
<body>
<section id="particles-js">
<button class="butt">click here</button>
</section>
</body>
最佳答案
首先，您的CSS中有一个拼写错误：它是width而不是widows。
可能是您的<body>标记值得指责，因为它只会扩展以适合您的小内容而不是整个窗口。因此，即使#particles-js具有width:100%和height:100%，它只会扩展以适合<body>的大小，而不适合屏幕。
尝试https://stackoverflow.com/a/5722111/310779将主体扩展到屏幕大小。
如果那不起作用，那么我会尝试这样的事情：
#particles-js
{
position: fixed;
z-index: -1;
left: 0;
top: 0;
width:100%;
height: 100%;
}