タグ

ブックマーク / hashrock.github.io (1)

  • 聖杯レイアウト — Solved by Flexbox — クリーンでハックのない CSS

    聖杯レイアウト(Holy Grail Layout) は、長い間いろいろな解法が提示されてきた、古典的なCSSの問題です。もし聖杯レイアウトの歴史についてご存知でなければ、このA List Apartの記事はとても良い要約であり、よく知られた解法についてのリンクとなっています。 聖杯レイアウトの質は、ヘッダーとフッター、3つのカラムのあるページです。中央のカラムはメインコンテンツを含み、左右のカラムは広告やナビゲーションのような補助的なコンテンツを含みます。 この問題を解くためのほとんどのCSSの解法は下記のゴールを目指すものです。 伸縮する中央のコンテナと、固定幅のサイドバーを持つこと。中央のカラム(メインコンテンツ)はHTMLソースの最初に登場すること。すべてのカラムは、どのカラムが一番高いかに関係なく、同じ高さであること。最小限のマークアップしか必要にならないこと。コンテンツの量が

  • 1