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

Question

The picture shows what I want to achieve. I don't want to declare the height for the navbar, it might be flexible depending on the device.

The "code" in my opinion would have to be smth like:

"100vh - navbar = available space", make an "available space" div and use the percentage in the typical way.

No idea though how to execute it, anybody pls?

Answer 1

for the navbar I would recommend you to use bootstrap navbar

- navbar

- static top navbar

- navbar fixed top , good for your case I would say

then you can simply do so

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