コンテナに水平divを追加すると、1行に維持されます

Question

私はプロジェクトに割り当てられたタスクを表示するUIを作成しようとしていますが、これはうまくいきます。私は通常、UI以外のものをコーディングしているので、最後の部分で失われています。

私はプロジェクト "タイル"用のコンテナを持っていて、コンテナを投入しているプロジェクトのタイルなどは問題ありませんが、コンテナのRHSを横切って水平に進むことはできません。これは問題ありませんが、新しい行を始めるだけです。

は、これは私の問題です私のCSS

.slane_RHS 
      { 
      border:1px solid silver; 
      border-radius:0px 5px 0px 0px; 
      width:70%; 
      margin-top:5px; 
      background-color:rgb(240,240,235); 
      margin-left:-1px; 
      overflow-y:hidden; 
      overflow-x:scroll; 
      } 
    .tile{ 
      width:100px; 
      border:1px solid blue; 
      display:inline-block; 
      margin-left:5px; 
      margin-top:1.5px; 
      } 

ですが、私は彼らがちょうど垂直たときに隠しになるよう、DIVの終わりを越えタイルを見にスクロールできるようにします。

Answer 1

あなたは次の行にラップからインラインブロックを防ぐために、親にwhite-space:nowrap;を宣言することができます。

http://jsbin.com/kagabopiza/edit?html,css,output