他のdivを含むdivの横スクロール

Question

1行に3つのdivを作成しようとしています

左と右のdivにはサイズが35pxの単一の画像が含まれています。 中東divがここで水平スクロールと他の多くのdiv

左（35px）、中央（水平方向のスクロールでない固定幅、）右（35px）

が含まれていフィドルです。 http://jsfiddle.net/zddm6asz/5/

<div class="wrapper"> 
<div> 
left 
<div> 

<div> 
    <div> .... </div> 
    <div> .... </div> 
    <div> .... </div> 
    .... 
</div> 

<div> 
Right 
</div> 

</div> 

私はあまりなく、これを行うことがまだできないを試してみました。 すべてのヘルプはこれが応答デザインではありません

EDIT

をいただければ幸いです。 中間のdivは、行内のスペースを占有する必要があります。

左と右のdivは常に固定幅です。この場合、両方とも35pxに設定されます。

Answer 1

あなたがを使用しているあなたがそれらを動作させるために設定され幅に必要な、浮かびます。

.middle { 
    height: 100%; 
    width: 80%; /* Width is important for floats. */ 
    float: left; 
    overflow: scroll; /* Allow scroll */ 
    white-space: nowrap; /* This will create the magic for the horizontal scroll */ 
} 

.middleInner{ 
    display: inline-block; /* No float needed for inner elements */ 
} 

JSFiddle here