5

我一直在尝试将传单地图的高度更改为引导程序内的百分比，但每次我这样做时，地图都不会绘制。因此，我总是必须恢复为 px 值。我很确定这是一个简单的设置，因为我是 CSS 新手，所以我很想念它。这是我的CSS。

<style type="text/css">
  body {
    padding-top: 60px;
    padding-bottom: 40px;
  }
  #map {
    height: 75%;
    }
</style>
4

5 回答 5

3

尝试将height属性添加到body父容器或父容器。

于 2013-06-02T18:12:27.373 回答
2

CCS

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

html, body
{
    height: 100%;
}

.fill
{
    min-height: 100%;
    height: 100%;
    width: 100%;
    min-width: 100%;
}

html

<div class="container fill">
     <div id="map">

     </div> 
 </div>
于 2013-06-03T15:33:44.650 回答
1

使用 Github 上Bootleaf项目的 CSS ：

html,body, #map{
    height:100%;
    width: 100%;
overflow: hidden;
}
body {
    padding-top: 50px;
于 2014-04-02T04:58:02.807 回答
0

除了将地图 div 的高度属性设置为 100% 之外，您可能还需要实现此功能以确保地图在调整大小时填充 div。

于 2013-06-02T21:27:38.010 回答
0 
body {
    padding: 0;
    margin: 0;
}
html, body, #map, .row-fluid{
    height: 100%;
}

#map {
    width: 100%;
}

.height-css
{
    height: 100%;
}

你的 html 将是

<div class="container-fluid">
  <div class="row-fluid">
    <div class="span12 height-css">
         <div id="map"></div> 
     </div>
   </div>
</div>
于 2013-06-06T08:28:28.937 回答