4カラムレイアウトへの応用
2カラムレイアウトを応用することで、3カラムレイアウトを作成することができますが、これをさらに応用することで、4カラムレイアウトも組むことができます。
3カラムレイアウトでは、まず2カラムを作成し、その内一方の枠内にさらに2カラムを作成することで完成します。この時に2カラムを作成しないもう一方の枠内にも2カラムを組めば、計4つの枠ができあがります。
外枠、外側の2カラム、左右それぞれの枠内の2カラム作成方法は、2カラムレイアウト、3カラムレイアウトに記載してある通りです。
あまりに横幅が狭い場合、一番読んでもらいたい部分はどこなのかがぼやけてしまったり、文章が縦に長くなってしまったりと、ユーザビリティー上の不具合も出てきますのであまりお勧めはしませんが、応用していけば5カラムでも6カラムでも、好きなように作ることができます。
複数の段をCSSでレイアウトする場合の基本は2カラムレイアウトです。基礎をしっかり理解しておけば、3カラム4カラムでも難しいことはありません。