計算（）和VH解決方法鉻？

Question

是否有使用vh在calc()功能鉻嚴格CSS唯一的解決辦法？

我需要一個瀏覽器使用calc(100vh - 25px)頂部margin粘在頁面底部的25px欄，但鉻給我的問題。

Answer 1

如果你的元素的box-sizing屬性設置爲border-box，然後你可以給它25px的填充在底部，然後讓25px的酒吧也通過給它一個負25px的保證金坐在上面：

elem { 
    box-sizing: border-box; 
    height: 100vh; 
    margin-bottom: -25px; 
    padding-bottom: 25px; 
} 

那麼你可能需要擺弄你的元素z-index屬性，以確保顯示在其他元素的頂端的25像素欄。

JSFiddle demo。

的填充，用來防止任何內容從我們25px的欄下出現的。

--------------  --------------  -------------- 
|    | |    | |    | 
| 100vh  | | 100vh  | | 100vh  | 
|    | |    | |    | 
|    | |--------------| |--------------| 25px padding, -25px margin 
|    | | 25px padding | | 25px bar  | 
--------------  --------------  -------------- 
| 25px bar  | | 25px bar  | 
--------------  --------------