高さを揃えた3段組み

記事の3つのパートを横に並べ、3段組みのレイアウトにします。このとき、従来のfloatプロパティを利用した段組みでは格段の高さを揃えるのが困難でしたが、CSS3のフレキシブルボックスレイアウトの機能を利用すると、自動的に高さを揃えた段組みが構成されます。

STEP5-12では各パートを横に並べて3段組みにします。このとき、各段が自動的に同じ高さで表示されるようにします。

フレキシブルボックスレイアウトには、Internet Explorer 9以下とOperaが未対応となっています。これらのブラウザでは、従来のfloatを利用した段組みで表示するように設定します。