PCでAppleのサイトを表示した時のフッターメニュー (フッターサイトマップ) のように段組みして、なおかつ、画面サイズに応じて段の数を調整しつつ、内容の流し込みをする、columnsプロパティという非常に便利なCSSプロパティがあります。 しかし、実際に使ってみると、各ブラウザで意図したとおりに表示されない場合があって四苦八苦したので、意図したとおり表示される場合とされない場合を合わせてご紹介します。 各種プロパティの基礎知識 columnsプロパティは段組みを設定するプロパティで、段の数を設定するcolumn-countプロパティと、段の基準幅を設定するcolumn-widthプロパティを一括設定できるショートハンドプロパティです。 column-countプロパティとcolumn-widthプロパティを同時に設定すると、column-countプロパティは段の最大数を意味するように
