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

Question

我遇到了一个奇怪的情况，我需要浮动两个元素。第一个相当小，大约250px。第二个是大（800px），并创建水平滚动条。我想浮动这两个元素，使它们并排，但第二个被推到自己的行？

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

由于

Answer 1

您想要添加：

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

围绕这两个元素包装div。

并添加：

display: inline-block;

要溢出的div。

JSFiddle

Answer 2

你可以在一个1050像素宽的盒子里放一个250px和800px的div。

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