div高度100%

2019-07-11  本文已影响0人  coolSummer003

在写代码时,总是会遇到想要<div>100%高度显示在浏览器上,但是设置了height:100%却不起作用。

将高度的style写成

height:100vh

vh的意思是把浏览器视口横向分为100份,100vh就是100%高度。

如果上方有个导航条,可以减去导航条高度,如:height:calc(100vh - 60px)

当然除了vh,还有vw,就是将视口纵向分。

上一篇下一篇

猜你喜欢

热点阅读