Question

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

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

CSS：

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

Div“sample1”将在点击事件中通过jQuery获得更大的宽度。 Div“sample2”将分解，因为它将超过窗口限制。我需要的是在不破坏它的情况下推送“sample2”。

关于如何仅使用CSS解决方案的任何想法？

Answer 1

尝试使用：

overflow-x:scroll;