Twitter Bootstrap: div w pojemniku o wysokości 100%

Question

Jul 26, 2012, 10:54 PM

Twitter Bootstrap: div w pojemniku o wysokości 100%

Używając twitter bootstrap (2), mam prostą stronę z paskiem nawigacyjnym i wewnątrzcontainer Chcę dodać div o 100% wysokości (na dole ekranu). Moje css-fu jest zardzewiałe i nie mogę tego rozwiązać.

Prosty HTML:

<body>
  <div class="navbar navbar-fixed-top">
   <!-- Rest of nav bar chopped from here -->
  </div>
  <div class="container fill">
    <div id="map"></div> <!-- This one wants to be 100% height -->
  </div>
</body>

Aktualny CSS:

#map {
    width: 100%;
    height: 100%;
    min-height: 100%;
}

html, body {
    height: 100%;
}

.fill { 
    min-height: 100%;
}

EDYTOWAĆ *

Dodałem wysokość do klasy wypełnienia, jak sugerowano poniżej. Ale problem polega na tym, że dodaję górną część wypełnienia do ciała, aby uwzględnić stały pasek nawigacyjny na górze. Ma to wpływ na 100% wysokości div „map” i oznacza, że pasek przewijania zostanie dodany - jak widać tutaj:http://jsfiddle.net/S3Gvf/2/ Czy ktoś może mi powiedzieć, jak naprawić?