使内容占据屏幕的整个宽度

Question

我正在尝试制作一条虚拟的时间表，其中内容显示在垂直线的两侧。 这是我目前拥有的：

如您所见，所有内容块都显示在该行的左侧。

在这里，您可以看到内容跨越了屏幕的整个宽度：

因此，当我尝试使用float: right将内容右移时，会发生以下情况：

内容开始相互重叠。 如何使内容继续填满屏幕的整个宽度，以便下一个块出现在下面，而不与前一个块内联？

Answer 1

找到了答案：只需将溢出：自动放入容器类中，然后直接浮动到内容类中。 就像是：

<div class="container">
    <div class="content">
    </div>
</div>

.content {
    float: right
}
.container {
    overflow: auto
}