今回は、高さの異なるコンテンツを隙間なく敷き詰めるレイアウトを CSS だけで実現する方法をご紹介します。 Javascript や CSS のライブラリは使わず、ピュア CSS のみで手軽に実装してみました。 まず、はじめに今回作るレイアウトについて確認しておきます。 百聞は一見にしかず、ということで実際のウェブサイトを例に見てみましょう。 STUDIO LEMON DENCHI インテリアショップ unico | ブランドサイト ご覧のような、高さの違うパネルがタイル状にびっしりと敷き詰められたレイアウトが今回作ろうとしているものです。 画像が多く、あえて整然とした配置のリズムを崩しているので、楽しげに見えるレイアウトですね。 これを CSS の float や flex-box を使って実装しようとしても、なかなか困難です。 また、こうしたレイアウトを実現するためのライブラリが色々と