后台属性问题答案

【问题标题】：background property issue后台属性问题
【发布时间】：2023-02-10 01:20:30
【问题描述】：

我的后台输出没有按预期出现。

我期待这个

只有我使用的代码是带有外部 css 和空 body 标签的 html <body></body> CSS代码是：

body{ background: linear-gradient(to bottom right, red, blue); }

但输出是这样的。

【问题讨论】：

标签： html css

【解决方案1】：

我无法检测到任何问题，因为您写的是<body></boyd>而不是<body></body>

【讨论】：

【解决方案2】：

如果你的 body 没有内容，它就没有高度，渐变将显示为一条小线（基于 body 元素上的默认填充）并默认重复。您可以通过像这样禁用重复来查看正在重复的内容：

body {
  background: linear-gradient(to bottom right, red, blue);
  background-repeat: no-repeat;
}

要解决此问题，请在正文中添加 min-height：

body {
  background: linear-gradient(to bottom right, red, blue);
  min-height: 100vh;
}

【讨论】：