Css 使主窗口水平滚动

我在一个网站上有以下css。我想做的是使secondDiv尽可能地增长，使主窗口水平滚动，将窗口向右推，而不是在新行上启动secondDiv。当x repeatingDiv填充SecondDiv时，SecondDiv应从第一个div的左侧开始，并使窗口水平滚动

有人知道如何做到这一点吗

非常感谢您的帮助

<div class="firstDiv"></div>

<div class="secondDiv">

<div class="repeatingDiv"></div>
<div class="repeatingDiv"></div>
<div class="repeatingDiv"></div>
<div class="repeatingDiv"></div>

</div>

更新：

---

谢谢James，它可以工作，但是现在第一个高度小得多的div最后出现在页面底部。有没有办法让第一个div保持在顶部，而不知道第二个div有多高？

让您的div

显示：inline block
添加到父级
空白：nowrap
两个div将始终位于同一行。
使用表显示。这是小提琴：

以下是CSS：

.secondDiv {
    display: table;
}
.repeatingDiv {
    display: table-cell;
}

类似这样的方法可能会奏效：

body{
    white-space: nowrap;
}

div{
    display: inline-block;
    width: 200px;
    height: 100px;
}

假设div包含实际内容，则不需要div的宽度和高度

我们得出了相同的答案，但您提供了一个例子。我投你一票，我的朋友！谢谢James，它可以工作，但是现在第一个高度小得多的div最后出现在页面底部。有没有办法让第一个div保持在顶部？没有matther第二个有多高？
垂直对齐：顶部位于
div
s上。谢谢！你知道你的css:）