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

Question

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

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

其中一些类来自bootstrap。标题高度显式设置为80px。容器div没有高度属性。导航CSS高度属性为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

不是100％肯定没有看到你的HTML的其余部分/ CSS，但你可以试试这个：

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

或

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

或

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