スクロール可能な固定サイズのボックスに2つのdivを並べて並べて表示

Question

私は別の場所で説明したように<div class="clear"></div>を使用して2つのdivを並べて管理しています。

水平方向にスクロールできる固定サイズのボックスの内側に、2つのdivを並べて配置する必要があります。垂直方向のスペースは問題ではありませんが、2つのdivは並んでいなければならず、必要に応じて垂直方向に拡張できます。スペースが水平に必要な場合は、固定幅のボックス内で拡張する必要がありますが、内部は水平方向にスクロールできます。

次のコードはテーブルでこれを行いますが、ページを意味的に正しい状態に保つためにdivで行うこともできるのだろうかと思いました。 divバージョンは、最初のものの下に2番目のペインを維持し、<div class="clear">の場合でも失敗します。

助言をお寄せください！

PS：ここにHTMLコードのブロックを挿入できないようですので、ここにファイルを保存しました：http://husnoo.com/scroll1.html（ChromeとSafariでテストし、ソースコードを開いて私が意味することを確認してください）。

Answer 1

は、右のボックスfloat:right;を与え、それが右側に固執する:)

Answer 2

http://jsfiddle.net/loktar/Mbs3q/1/

div#wider { 
    background-color: #ddd; 
    width: 700px; 
    float:left; 
} 

.second_pane{ 
    background-color: #eee; 
    width: 300px; 
    float: left; 
} 

は、あなたがのために何を探しているということですか？彼らはお互いに固執し、インラインです。