<分区>
也许有一种方法可以计算出浏览器的高度并将其用作 sass 中的变量？或者可能是某种只考虑窗口本身的绝对定位？
最佳答案
是的。
您可以使用 position: fixed;对于初学者，这将修复相对于窗口的元素，然后是 height: 100%将使它占据窗口的整个高度。但是，此选项将使元素脱离滚动。
第二种方法是设置 position: relative;在 <html> 上或 <body>标记，然后确保 DOM 树下到目标元素的所有元素都默认为 position: static; .最后，设置 position: absolute;或 position: relative;在目标元素上将使它引用树中未设置为静态的下一个元素。
更多关于职位的信息 at MDN和 CSS Tricks .
我最后的方法是使用 vh单位。该单位是当前视口(viewport)高度的 1%，因此值为 100将使元素成为屏幕高度的 100%。 Support is not perfect , 所以提供后备。
最后，sass 是一种预编译语言，永远不会像浏览器那样走得太远。它生成了 css，然后由浏览器使用，并用于为我们的 css 编程增添力量。
关于html - 如果一个元素的祖先元素的高度 < 100%，有没有办法在不使用 JS 的情况下仍然使它成为浏览器窗口的高度？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31121967/