网页底部出现蓝色背景而非渐变背景的问题求助

试试这几个调整：

• 把html和body的min-height: 100%改成min-height: 100vh，同时给body加上margin: 0。浏览器默认给body加了8px外边距，会导致底部露出父元素（html）的背景色，也就是你看到的蓝色。用100vh能确保元素高度占满整个视口，比百分比更稳定。
• 给设置渐变的元素（比如body）加上background-repeat: no-repeat和background-attachment: fixed，防止渐变因为内容长度不足或者滚动出现截断、重复的问题。

修改后的核心CSS代码：

html, body {
  min-height: 100vh;
  margin: 0;
}

body {
  background: linear-gradient(/* 你的渐变配色参数 */);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

另外检查一下页面里有没有其他容器设置了背景色，或者有没有元素的margin-bottom过大撑开了布局，导致底部露出多余的背景。

内容的提问来源于stack exchange，提问作者BenElson445