两个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; 
} 

难道这就是你想找的？将它们都浮动到左侧，以便它们彼此粘在一起，并且是内联的。