使用 twitter bootstrap (2)，我有一个带有导航栏的简单页面，并且在container我想添加一个 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/ http://jsfiddle.net/S3Gvf/2/谁能告诉我如何修复？
设置班级.fill to height: 100%
.fill {
min-height: 100%;
height: 100%;
}
JSFiddle http://jsfiddle.net/S3Gvf/
（我设置了红色背景#map所以你可以看到它占据了 100% 的高度）
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
