今回は、段組み(マルチカラム)のレイアウトを実現するCSS 3の「Multi Column」の機能を紹介したい。これまではFirefoxが対応しているだけだったが、SafariがSafari 3から対応した。また、Google Chromeも対応している。 現在の段組みとMulti Columnによる段組みの違い 現在のウェブページで段組みを実現するには、floatプロパティによる回り込みや、positionプロパティによる位置指定の機能を利用するのが一般的だ。たとえば、次のサンプルではfloatプロパティを利用して2段組みを作成している。
![CSS 3のMulti Columnによる段組](https://cdn-ak-scissors.b.st-hatena.com/image/square/d93035a00efa18e2e230d3bd104f09891a023a72/height=288;version=1;width=512/https%3A%2F%2Fbuilder.japan.zdnet.com%2Fstorage%2F2011%2F01%2F24%2F39adf095a2c2c954667b7409cea1dcee%2Fstory_media%2F20363152%2F071212css-firefox-safari_184x138.jpg)