Html 高度：100vh；超出窗口高度，即使最大高度设置为100%

我正在尝试设置一个覆盖整个页面的渐变

这是我的代码：

#login.row div:n类型（1）{
高度：100vh；
最大高度：1%；
背景：#642B73；/*旧浏览器的回退*/
背景：-webkit线性渐变（向右，#C6426E，#642B73）；/*Chrome 10-25，Safari 5.1-6*/
背景：线性渐变（向右，#C6426E，#642B73）；/*W3C，IE 10+/Edge，Firefox 16+，Chrome
26+、Opera 12+、Safari 7+*/
}

---

如果您使用此代码，则边框上的边距和填充将被删除，并应按您的要求使用。代码如下：

*{
保证金：0；
填充：0；
}
#login.row div:n类型（1）{
高度：100vh；
最大高度：1%；
背景：#642B73；/*旧浏览器的回退*/
背景：-webkit线性渐变（向右，#C6426E，#642B73）；/*Chrome 10-25，Safari 5.1-6*/
背景：线性渐变（向右，#C6426E，#642B73）；/*W3C，IE 10+/Edge，Firefox 16+，Chrome
26+、Opera 12+、Safari 7+*/
}

---

首先，您需要CSS重置来重置默认浏览器样式，您可以使用这些关键字来搜索它。您将看到几个结果。例如，选择其中一种样式并在第一次加载页面时加载这些样式

然后，要获得全高支撑，请使用以下全局CSS：

html，正文{
身高：100%；
}

然后在body标记下为所有页面创建根包装：

#根{
身高：100%；
背景#642B73；
背景：-webkit线性梯度（向右，#C6426E，#642B73）；
背景：线性梯度（向右，#C6426E，#642B73）；
}

请不要使用

vh

，这真的很烦人，尤其是在移动chrome中。在某些情况下，浏览器无法计算页面的高度。特别是在移动领域。

---

希望它能帮助您。

Set

overflow-y:hidden@vikAy刚刚做了，没有工作，（也检查了开发工具，样式正在那里应用）高度或最小高度在使用百分比时表现相同，规则是父级需要有一个明确的高度。在您的情况下，提供参考并解释代码帮助解决OP问题的原因或方式的忽略回答者往往比那些只提供“尝试此项”等短语的代码的人更容易被高估@Hereticsmonkey更好？不起作用：-（@PalashRaghuwanshi我更新了答案。看一看。它是全高和width@PalashRaghuwanshi这不是你想要的吗？很有趣，所以我完全按照这个答案做了，即使删除了vh，我仍然得到了相同数量的滚动。@Guccibanaking99，它是示例，伪代码，不是real@PalashRaghuwanshi，检查页面。在devTools中，在
Elements
选项卡中逐个选择标记，然后按delete按钮，您将找到导致滚动问题的原因。这与my或Guccibanaking99的答案无关。谢谢，可以