如何并排浮动超出页面大小的元素？

Question

我遇到了一个奇怪的情况，我需要浮动两个元素。第一个比较小，大约在250像素左右。第二个很大（800px），并创建水平滚动条。我想漂浮这两个元素，让它们并排，但第二个被推到自己的路线？

当两个元素占用的页面多于两个时，是否可以并排浮动两个元素？我无法更改页面大小或其他任何内容。我只想知道这是否可行以及如何。

感谢

Answer 1

你可以飘起了1050px宽箱内250像素和800像素股利。

<div style="width:1050px;"> 
    <div style="width:250px;float:left">left</div> 
    <div style="width:800px;float:left">right</div> 
</div> 

Answer 2

您要添加：

overflow-x: scroll; 
white-space: nowrap; 

要围绕这两种元素的包装股利。

并添加：

display: inline-block; 

到DIV的将被溢出。

JSFiddle