title: How can i set my nav div’s height to be 100% of one it's containing header div?
body: <p>How can i set my nav div’s height to be 100% of one it's containing header div. As per the CMS I’m using the layout is this.</p>
  
  <pre><code>&lt;header&gt;
      &lt;div class=“container”&gt;
          &lt;nav class=“nav-primary collapse navbar-collapse”&gt;
  </code></pre>
  
  <p>Some of these classes come from bootstrap. The header height is set explicitly as 80px. The container div has no height attributes. The nav css has height attribute as auto !important. the CSS is below. </p>
  
  <p>I need the nav to be 100%. I’ve check other posts here on stack overflow but haven’t found anything similar to this situation.</p>
  
  <pre><code>html, body {
    height:100%;
  }
  
  header {
    position: fixed;
    width: 100%;
    z-index: 999;
    min-height:80px;
  </code></pre>
  
  <p>}</p>
  
  <pre><code>.nav-collapse {
      display: block !important; 
      height: auto !important; 
      padding-bottom: 0; 
      overflow: visible !important;
  }
  </code></pre>