CSS でフローティング要素を水平ではなく垂直にスタックするにはどうすればよいですか?

Question

2 つの列を備えた Web ページを作成しようとしています。一方の側にはメイン コンテンツがあり、もう一方の側には追加のコンテンツがあります。ただし、float プロパティを使用して追加の列を左に揃えているため、水平方向にスタックされますが、垂直方向にもスタックしたいのです。

私の現在のコード:

リーリー リーリー

Vertical-align プロパティを使用してみましたが、何も起こりません。 何が起きたいですか

Answer 1

Use clear: Both; 属性。

リーリー

Answer 2

列は、column を使用して垂直方向に積み重ねることができます。 row を使用すると、列が並べて表示されます。

リーリー リーリー