水平滑動格的內容並超過限制窗口

Question

我有兩個div浮動到右下面的代碼：

<div class="sample1"></div> 
<div class="sample2"></div> 

CSS：

.sample1, 
.sample2 { 
    height: 50vh; 
    float: right; 
    width: 50%; 
} 

事業部「樣本」會得到它的寬度更大的jQuery在點擊事件。 Div「sample2」將崩潰，因爲它會超出窗口限制。我需要的是推動「樣本2」而不分解。

有關CSS解決方案的可能性有何想法​​？

Answer 1

嘗試使用：

overflow-x:scroll; 

如下所述：http://www.w3schools.com/cssref/css3_pr_overflow-x.asp