Css滚动和大小调整

Question

我有一个非常简单的问题

图片：

我希望地图是完全静态的，并且可以使用100％的高度，而另一部分可以滚动，而不需要过滤器可以滚动并占据屏幕的其余部分并做出响应。

我手动放的那一刻

 .searchresults {
  overflow-y: scroll;
  height: 600px;
}

和

.map{
  height: 1000px;
}

我这里只有一个小的CSS问题。

如果有人能帮助我，我会感到高兴，提前谢谢！

编辑：也许我在html中选择的内容存在问题：

<div class="small-12 large-4  columns mapblock">
    <div class="responsive-embed map">
      <div id="map"></div>
    </div>
  </div>

地图和结果都在div中。

我正在使用框架基础

Answer 1

把这个CSS放在地图代码的div中。

overflow-x：滚动;   身高：100％;

Answer 2

您可以使用height:100vh和position:fixed向地图包装器开始。

Answer 3

您可以提供地图

position:fixed;
height: 100%;
margin: 0;

与过滤器相同。高度：1000只会在顶部留下一个空格

（抱歉无法评论）

Answer 4

此css会将您的地图固定在top-right角，100%高度

您可以浏览此css

.map{
   position: fixed;
   height: 100%;
   top:0;
   right:0;
   margin:0;
   padding:0;
}