淺談：height:100%和height:100vh的區別

height:100%和height:100vh的區別
 

vh就是當前屏幕可見高度的1%，也就是說

height:100vh == height:100%;

但是當元素沒有內容時候，設置height:100%，該元素不會被撐開，此時高度為0，

但是設置height:100vh，該元素會被撐開與屏幕高度一致。

總結：設置height:100vh，能夠保證元素無論是否有沒有內容，高度都等於屏幕高度。