0

高さが固定されたバーと、ページの残りの部分を占めるマップが必要なので、これは素晴らしいことです。

私はそのように試しました:

#header{
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:30pt;
 background-color:#ff0066;
 z-index:2;
}

 //element to reduce
#map{
 position:absolute;
 height: 100%;   
 width: 100%;
 background-color:blue;
 margin-top:30pt;
 margin-bottom:-30pt;
}

このフィドルを作成した場合: http://jsfiddle.net/bmPpq/

PS私はこれに対する解決策をウェブで積極的に検索しましたが、成功しませんでした（JSの使用を除いて、それはひどい..）

基本的に、これは私が欲しいものです:

 #map{
 height: 100% - 30pt;   
}
4

2 に答える 2

1

そのために、マップで min-height を使用できます。これはうまくいくはずです：

#map{
  min-height: 100%;
  width: 100%;
  height: auto;
  position: fixed;
  top: 30;
  left: 0;
  background-color:blue;
}

</p>

于 2012-11-24T14:50:25.443 に答える
0

これを試して..

 #header{
     position:relative;
    ...


    #map{
     position:relative;
      ....
于 2012-11-24T15:02:16.433 に答える