如何並排浮動超出頁面大小的元素？

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