同じ幅 (100px) で高さが異なる HTML 要素を、固定幅 (300px) のコンテナーの上端のすべてのギャップを埋めることは可能ですか?
私がこれまでに得たもの。フィドル
ご覧のとおり、4 番目、5 番目、6 番目のブロックは上のギャップを埋めていません。Javascriptを必要とせずに何とかそれは可能ですか?
使用している html レイアウトを使用する純粋な CSS では不可能です。この種のレイアウトで人気のある Masonry と呼ばれるプラグインがあります: http://masonry.desandro.com/