水平滑動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;