Css chrome的calc（）和vh解决方案？

在chrome的

calc（）

函数中使用

vh

是否有严格的css专用解决方案

---

我需要一个浏览器使用

calc（100vh-25px）

作为顶部

边距

在页面底部粘贴一个25px条，但是chrome给了我一些问题。

如果您将元素的

框大小

属性设置为

边框

，则可以在底部添加25px的填充，然后允许25px条位于顶部，同时为其提供负25px边距：

elem{
框大小：边框框；
高度：100vh；
边缘底部：-25px；
垫底：25px；
}

然后，您可能需要使用元素的z-index属性来确保25px条显示在另一个元素的顶部

填充用于防止任何内容出现在我们的25px条下

-------------------------------
|              |   |              |   |              |
|100vh | | 100vh | | 100vh|
|              |   |              |   |              |
|||--------------------||--------------------25px填充，-25px边距
|| | 25px填充| | 25px条|
--------------     --------------     --------------
|25px棒| | 25px棒|
--------------     --------------