填充剩余的垂直空间

2018-07-01 15:24:45

这个问题在这里已经有了答案：

让div填充剩余屏幕空间的高度31个答案

你将会在css中看到我在height值中使用了calc（）来进行减法。

首先使用100vh获取设备屏幕尺寸的视口高度，然后减去要填充的div上方用于占据屏幕其余部分的高度。

这是小提琴 。

这有帮助吗？

PS：我在你的导航代码中评论过你有多余的div以及我在哪里添加了一个</li> 。

.block {
  height: -webkit-calc(100vh - 72px);
  height: -moz-calc(100vh - 72px);
  height: calc(100vh - 72px);
  background-color: rgba(90,90,190,0.8);
}

链接地址: http://www.djcxy.com/p/88227.html

上一篇: fill remaining vertical space

下一篇: Gap on bottom of the page on mobile browsers when using height 100vh/100%