页面上有3个元素，共100vh，一个高度未知

Question

图为我想要实现的目标。我不想声明导航栏的高度，它可能是灵活的，具体取决于设备。

我认为“代码”必须像：

“100vh - navbar = available space”，创建一个“可用空间”div并以典型方式使用百分比。

不知道如何执行它，任何人都会这样做？

Answer 1

对于导航栏我建议你使用bootstrap navbar

- navbar

- static top navbar

- navbar fixed top，对我的情况有用我会说

然后你可以这样做

<div id="logo" style="width:100%;height:40%"></div>
<div id="imageslider" style="width:100%;height:60%"></div>