コンテンツが画面の全幅を占めるようにする

Question

私は、内容が縦線のいずれかの側に現れるバーチャルタイムラインを作ろうとしています。これは私が現在持っているものです。

あなたが見ることができるように、すべてのコンテンツブロックが行の左側に表示されます。

ここでは、コンテンツが画面の幅にまたがることがわかります。

私はfloat: rightを使用して右にコンテンツをシフトしようとするので、これは何が起こるかです：

内容が互いに重なり始める。どのようにしてコンテンツが画面の幅全体を埋めるようにして、次のブロックがその下に現れ、前のブロックにインラインではないようにするにはどうすればよいですか？

Answer 1

答えを見つけました：コンテナクラスにoverflow：autoを入れ、コンテンツクラスに右に浮かべてください。何かのように：

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

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