レスポンシブサイトでの複雑な写真の段組について

Question

レスポンシブサイトを作成しているのですが、添付写真のような複雑な写真の段組を「position: absolute;」を使わずに表現する手段を探しております。

この後、各写真に対してLightboxを適用したいと思っており、写真を個別にする必要があります。

ご存じの方がいらっしゃいましたらぜひご教授いただけないでしょうか。

※諸事情により写真にボカシをいれております

Jun Tomizawaさん
CHERRYさん

修正のご指摘ありがとうございました。
解決策を提示してくださった方がおりましたので、
次回以降質問がありましたら分かりやすい方法を心がけます。

この度はありがとうございました。

Comments

[JunTomizawa]

中途半端にぼかしを入れるぐらいだったらサンプルの画像に変えたほうがいいかもですね。
目がおかしくなったような感じがしますw

[CHERRY]

どこが画像の分かれ目かわかりにくいので、ワイヤフレームで示してくれた方が見やすいかもしれません。また、現在のHTMLとCSS を公開して、「position: absolute;」無しで組みたいと質問する方が、回答がつきやすいと思います。

Answer 1

これでどうでしょう。
masonry
http://masonry.desandro.com/

Comments

[ShinyaKumakura]

KazuakiHarigayaさん

ご回答ありがとうございました。
こちらの方法で対応ができそうです。
大変助かりました。

フォローさせていただきましたので
また何かありましたらぜひお力をお貸しいただけますと幸いです。