两个div并排，在一个可滚动的固定大小的盒子里

Question

我已设法使用<div class="clear"></div>并排放置两个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;
}

这就是你要找的东西吗？将它们向左浮动，使它们彼此粘在一起，并且是内联的。