問題描述

我現在想實現一個p的高度為100vh再減去導航欄的64px,使用min-height:calc( 100vh - 64px )為什么在瀏覽器上得出36vh的結果，并不是我想要的結果，請問一下要怎么設置才能得到想要的結果

問題解答

說說我的做法吧，雖然不知道你的結構，不過我能80%的肯定你的結構如下

<nav>導航</nav><main>主內容</main>

nav + main的高度最少為100vh，nav固定為64px對吧？

這個結構總得有個外部容器吧？我先暫且認為這個外部容器是body,

一種辦法就是

body { min-height: 100vh; display: flex; flex-direction: column;}nav { height: 64px;}main { flex: 1 1 0;}

其實還有很多別的辦法，不過各有各的缺陷，這個也有缺陷，就是不知道適不適合你。

好吧！我想說的是，你最好把你的結構和想要實現的效果都表達出來，否則我只能揣測著回答你，蠻浪費時間。