2016-04-15 92 views
0

我试图阻止左侧滚动div。我已将其立场固定下来,但现在它与正确的重叠。我能做什么?我试过位置:相对和绝对的权利div但没有任何反应。固定位置时停止重叠

<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-sm-7"> 
     </div> 
     <div class="col-sm-5"> 
      <div id="googleMap"></div> 
     </div> 
    </div> 
</div> 
+0

你的CSS在哪里?这里什么都没有显示你的问题小贴士:看看位置:粘贴和polyfills可用 –

+0

'位置:sticky'仍然非常不受支持,[http://caniuse.com/#feat=css-sticky](http://caniuse.com/#feat = css-sticky),因此建议使用polyfills。 –

回答

1

将类col-sm-offset-7添加到col-sm-5元素。

当您元素的位置absolutefixed,它是从relativestatic要素流动去除,从而腾空其在流动空间,让后续元素“动起来”(或在您的情况左)它的地方。

假设你正在使用的引导,你col的div向左浮动,所以当你做出col-sm-7固定的,它被拉出使得col-sm-5浮动一路到其他元件,曾经是前左流动被从流中移除。

+0

谢谢,这固定了我的重叠问题,但我仍然可以防止它滚动。 – greeny

+0

因此,您应用固定位置的元素仍然滚动网站? –

+0

是的,确切! – greeny