CSSは、私は絵と非常に簡単な問題</p> <p>持ってスクロールし

Question

サイジング：私はマップ完全に静的で、高さの100％を取るために、他の部分を希望

をフィルタをスクロール可能にすることなくスクロール可能にし、画面の残りの部分をすべて使用して応答することができます。私はちょうどここに小さなCSSの問題を抱えている手動

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

と

.map{ 
    height: 1000px; 
} 

を入れている瞬間のため

。

誰かが私を援助できるなら、私は幸せになるでしょう、事前に感謝！

EDIT：多分私はHTMLで選択しています何に問題がある：

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

マップと結果がdiv要素です。

私はdivの中にマップコードのために、このCSSを入れて、フレームワークの基盤

Answer 1

を使用しています。

overflow-x：scroll; 高さ：100％;

Answer 2

マップラッパーのheight:100vhとposition:fixedでこれを開始できます。

Answer 3

あなたはマップにフィルタと同じ

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

を与えることができます。高さ：1000はちょうど（申し訳ありませんコメントすることはできません）トップ

で

Answer 4

を空白のままになります。このcssあなたはこのcss

通過することができ 100%高さ

とtop-rightコーナーで、あなたのマップを修正します

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