位置固定時にオーバーラップを停止する

Question

左の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> 

Answer 1

col-sm-5要素にクラスcol-sm-offset-7を追加します。

あなたは要素の位置absoluteやfixedを作るとき、それはそれ以降の要素は、「上に移動」することができ、これその流れの中でそのスペースを退去、relativeとstatic要素の流れから削除（またはあなたの状況に左）にありますその場所。あなたがブートストラップを使用しているあなたはcol-sm-7固定作るとき、あなたのcolのdivはそう残って浮いている、それはすべての方法、他の要素が前にするために使用左にcol-sm-5フロートを作る流れから引き出しますと仮定すると、

流れから除去される。