2カラムリキッドレイアウトのCSSサンプルソース｜floatレイアウトサンプルソースここでご紹介するレイアウト/段組は「floatで段組する可変幅｜リキッドレイアウト」ですが、いつでも「固定幅」へ移行しやすいような段組になっています。 勿論、横幅指定は自由に変更可能で、スタイルシートの指定変更で左右のサイドバーを入れ替える事も自在です。 また、ユーザビリティを高める為に定番の「パン屑ナビ」等のナビゲーションも配置、アクセシビリティを考慮して、本文を常に(x)html上で先に記述する形をとっています。 (X)HTML htmlは固定幅タイプ、可変幅タイプ（リキッドレイアウト）共通です。 <div id="wrapper"> <div id="header"> <h1>******</h1> </div> <div id="container"> <div id="contents"> ******コンテンツ****** <p id="topnavi">パン屑ナビ</p> <
