En utilisant twitter bootstrap (2), j'ai une page simple avec une barre de navigation, et à l'intérieur de l' container je veux ajouter un div avec 100% de la hauteur (vers le bas de l'écran). Mon css-fu est rouillé, et je ne peux pas faire ce travail.
HTML Simple:
<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>
CSS:
#map {
width: 100%;
height: 100%;
min-height: 100%;
}
html, body {
height: 100%;
}
.fill {
min-height: 100%;
}
- MODIFIER *
J'ai ajouté de la hauteur de remplissage de la classe comme indiqué ci-dessous. Mais, le problème, c'est que j'ajoute un padding-top à l'organisme pour le compte de la fixe à la barre de navigation en haut. Cela affecte le 100% de la hauteur de la "carte" div " et signifie qu'une barre de défilement est ajoutée - comme on le voit ici: http://jsfiddle.net/S3Gvf/2/ quelqu'un Peut-il me dire comment résoudre ce problème?
