css踩坑之calc無效問題

問題描述：頁面頂部和底部是固定的，中間部分顯示動態內容，但是為了適配，中間部分的高度不能寫死，所以采用calc方式，但是嘗試使用calc(100%-100px)和calc(100vh-100px)均無效。

解決辦法：網上找了很多資料，最后才發現這是calc的一個坑，正確的寫法如下：

height:calc(100vh - 100px);

發現區別了嗎？是不是一臉懵逼。其實區別就在於100vh和100px之間的-前后要加空格。