如何使井固定尺寸自举

Question

在这种情况下，我想让我的map well fixed大小。

这是 jsfiddle ：https://jsfiddle.net/x4gM4/36/（请滚动注意我正在尝试的内容）

我已经尝试了你在 jsfiddle 中看到的内容，请帮助我让map成为fixed sized

这是我的主要内容

<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 map well针对scrolling images修复

  

请按照下面的图像制作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。