水平滑动div内容并超过窗口限制

Question

我有以下代码，其中两个DIV浮动在右边：

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

CSS：

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

jQuery在单击事件时，div“ sample1”的宽度将变大。 Div“ sample2”将崩溃，因为它将超过窗口限制。 我需要推动“ sample2”而不分解它。

关于仅CSS解决方案怎么可能的任何想法？

Answer 1

尝试使用：

overflow-x:scroll;