Twitter Bootstrap：100％高度的容器div
使用twitter引导（2），我有一个简单的页面导航栏，并在container内，我想添加一个100％的高度（到屏幕底部）的股利。 我的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%; }
- 编辑*
如下所示，我已经为填充类添加了高度。 但是，问题是我添加一个填充顶部的身体来说明顶部的固定导航栏。 这影响了“地图”div的100％的高度，意味着滚动条被添加 – 如在这里看到的： http : //jsfiddle.net/S3Gvf/2/谁能告诉我如何解决？
设置类.fill到height: 100%
.fill { min-height: 100%; height: 100%; }
的jsfiddle
（我为#map放了一个红色的背景，所以你可以看到它占据了100％的高度）
你需要添加填充顶部“填充”元素，再加上框的大小：border-box – 样本在这里bootply
