兩個div並排放置在一個可滾動的固定尺寸框中

Question

我已經設法將兩個div並排使用<div class="clear"></div>，如其他地方所解釋的那樣。

我現在想把兩個div並排放在一個可以水平滾動的固定大小的盒子裏面。垂直空間不是問題，但兩個div必須並排，並且可以在需要時垂直擴展。如果空間需要水平放置，它們必須在寬度固定的盒子內部展開，但其內側可以水平滾動。

下面的代碼會對錶進行這種操作，但我想知道是否可以用div來完成，以保持頁面的語義正確。 div版本失敗，因爲它將第二個窗格保留在第一個窗格下，即使使用<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; 
} 

難道這就是你想找的？將它們都浮動到左側，以便它們彼此粘在一起，並且是內聯的。