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

时间:2014-03-20 13:18:53

标签: html responsive-design height percentage

enter image description here

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

我认为“代码”必须像:

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

不知道如何执行它,任何人都会这样做?

1 个答案:

答案 0 :(得分: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>