配置要素（サイズが異なる）を隣り合わせに配置

Question

サイズと幅が異なるdivが多数あります。

誰もが、私は何のCSSプロパティを使用する必要があります知っている：私は、自動的に別のdivの内側にそれらを配置し、それらを好きな位置たいですか？私はフローティング+ディスプレイ（いくつかの組み合わせ）と試してみて、何も私のために正しく働く - 私は1行でdivsを持っていた - >（1つの大きな要素） - >次の行 - など... ...

Answer 1

Flexboxを使用しないと、このレイアウトを達成することは難しいでしょう。

Flexbox layout example

あなたは、このようなレイアウトをacheiveすることができますMasonryとしてJSプラグインを使用することができます。

Answer 2

私が正しく理解していれば、あなたは何をしたいのですか？設定されたサイズ（おそらくその内容に応じて高さを広げている）のコンテナにそれらを配置してから、表示するように並べます。私が考えることができる最も簡単な方法はTwitter Bootstrapです。それはcontainerクラスを持っているし、div内の要素を揃えることができますし、自動的に応答するようになります。

ヒント：position: absoluteとheight:は、サイトの流れが乱れるため、できるだけ避けてください。

必要に応じてフローティング要素をクリアすることを忘れないでください。