2016-07-08 8 views
2

私は、ユーザーが上下にスクロールしている間、固定位置に置いておきたいdivがありますが、左揃えを維持してコンテナ内の他のすべてのdivに一致させたいと思います。私はブートストラップ3を使用しており、すべてのdivをコンテナに入れています。ユーザーがスクロールしながら1つのdivに1つのdivを残しておきたいのですが、.containerが継承した左揃えをブートストラップから継承して、サイトの他のすべてと整列させる必要があります。これは今まで私が役に立たなかったものです。 divの配置の残りの部分には従いません。スクロール中にdivの位置を固定しておくことはできますが、コンテナと左揃えにしておきますか?

#section { 
    padding-top: 80px; 
    padding-bottom: 80px; 
    z-index: -10; 
    position: fixed; 
    left: 10%; 
} 

<div id="section" class="parallax-section"> 
    <div class="container"> 
    <div class="row"> 
     <div class="col-md-12 col-sm-12"> 
      <h1>Transformative</h1> 
      <h1>thinking.</h1> 
     </div> 
    </div> 
</div> 

+1

「左:10%」を削除してください – DaniP

+0

ありがとうございます。これは私のために働いた。 –

答えて

1

left:10%行を削除します。

http://codepen.io/pen/を使用してエラーが見つかりました。将来のCSSの設計/デバッグに役立つツールです。

+0

これは機能しました。ありがとうございました。 –

関連する問題