使用twitter bootstrap(2)，我有一个简单的页面与导航栏，在容器内我想添加一个100％的高度的div(到屏幕的底部)。我的css-fu是生锈的，我不能工作这出来。
简单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>
当前CSS：
#map {
width: 100%;
height: 100%;
min-height: 100%;
}
html,body {
height: 100%;
}
.fill {
min-height: 100%;
}
>编辑*
我已经添加了填充类的高度如下所示。但是，问题是，我添加一个padding-top到身体，以解决顶部的固定导航栏。这会影响“地图”div的100％高度，意味着滚动条被添加 – 如所示：http://jsfiddle.net/S3Gvf/2/任何人都可以告诉我如何解决？
解决方法
将类.fill设置为height：100％
.fill {
min-height: 100%;
height: 100%;
}
(我把#map的红色背景，所以你可以看到它占据100％的高度)
