如何使井固定尺寸引導

Question

在這裏我有一個情況，我想使我的mapwell一個fixed大小。

這裏是一個的jsfiddle：https://jsfiddle.net/x4gM4/36/（請滾動要注意什麼，我試圖）

我已經嘗試一下你們在的jsfiddle看到請幫助我，使我的map一個fixed sized

這裏是我的主要的div

<div class="row"> <!-- start of row --> 
    <div class="col-sm-6"> 
     <div class="well"> 4 images goes here </div> 
    </div> 

<!-- google map goes here, whom i want to be fixed --> 
    <div class="col-sm-6"> 
     <div class="well"> 
      google Map 
     </div> 
    </div> 
</div> <!-- end of one row --> 

問題：我想google mapwell是固定的反對scrollingimages

請的jsfiddle大小按下面的圖片

請幫我在此先感謝！

Answer 1

我相信這是你需要的。

div.fixed-map { 
    position: relative; 
} 
div.fixed-map > div.well { 
    position: fixed; 
} 

Updated fiddle

Answer 2

你需要position: fixed

#map-canvas { 
    height: 100%; 
    width: 300px; 
    background-color: #CCC; 
    position: fixed; 
    right: 0; 
    top: 0; 
} 

但是，你需要相對權和頂部位置設置爲整個窗口，不僅父DIV。