如何設置我的導航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%; 
}