CSS3 から追加された display:box; を使うことで非常に簡単かつ安全, 柔軟な段組レイアウトを実現することができるようになりました. 今回はその使いかたについてまとめました. FireFox のうんこ仕様への対応についても書いています. float:left; で回り込みさせて, clear:both; で回り込みをクリア. なんて古臭い手法とは今日で訣別しましょう♪♪ View Demo Download サンプル すべて display:box; を使って段組みした例です. HTML を変えずに, CSS だけで完結している所がキモです. display:box; によるフレキシブルレイアウトのメリット・デメリット メリット 固定幅かリキットかの切り替えが簡単 並びを簡単に変えられる. (CSS の修正で完結する) そこだけで完結する. (float の後の clear