Question

如何将导航div的高度设置为包含标题div的100％。根据CMS，我使用的是布局。

<header>
    <div class=“container”>
        <nav class=“nav-primary collapse navbar-collapse”>

其中一些类来自bootstrap。标题高度显式设置为80px。容器div没有高度属性。 nav css的height属性为auto！important。 CSS在下面。

我需要导航100％。我在这里检查堆栈溢出的其他帖子，但没有发现任何类似于这种情况。

html, body {
  height:100%;
}

header {
  position: fixed;
  width: 100%;
  z-index: 999;
  min-height:80px;

}

.nav-collapse {
    display: block !important; 
    height: auto !important; 
    padding-bottom: 0; 
    overflow: visible !important;
}

Answer 1

您可以将此css添加到.container：

.container {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

Jsfiddle：https://jsfiddle.net/z4sjjto6/

Answer 2

如果没有看到HTML / CSS的其余部分，则不是100％确定，但您可以尝试：

<div class="background">
  <section class="square"></section>
  <section class="square"></section>
  <section class="square"></section>
  <section class="square"></section>
  <section class="square"></section>
</div>

或

header .nav-primary {
  height: 100%;
}

或

.container .nav-primary {
  height: 100%;
}

如何将导航div的高度设置为包含标题div的100％？

2 个答案: