Float(フロート)でleft、rightを指定して、サンプルの文章を横2段表示してみました。この表示方法のメリットは、閲覧者の画面解像度を意識する事なく、どんな液晶サイズを使っていたとしても横幅が最大に利用できるため、ブラウザを最大表示すれば、より多くの文章を一度に表示でき、ブラウザを小さくすれば一度に表示される文章が少なくなります。閲覧者が自由に変更するブラウザサイズに柔軟に対応できるところです。ホームページはデスクトップパソコンで必ず閲覧している理由はなく、そうであっても液晶サイズは人それぞれ異なる訳で、その時代の主流は絞り込めるものの、ノートブックの場合はまた異なります。そんな現状で最適なホームページの横幅を決定するのは難しく、だったら可変するタイプが便利なのかも知れないと考えた場合にメリットがあるでしょう。一つのメリットは、文章構造を最適化した状態で表示を変更できるところです。ホームページのソースは上から下へと読み込まれるため、そのページで一番表現したい内容を上に書くのが基本となります。定型文やメニューなどは下段で、そのページの内容文が上にある方が望ましい。テーブルを使って横2段表示を形成した場合、左に表示されるメニューがソース上で先頭になります。これを回避するには、メニューを右に表示するしかありません。使った場合、内容となるソースを右に表示させる場合も、左に表示せる場合も、内容文を先頭に書く事ができます。ここからは使い難いと思う部分です。テーブルと同じく、サイト全体の表示を構成するものでは無いと思われます。コンテンツとメニューに分ける場合でこれを使った場合、メニューの背景色を変更したいとします。background-color;色;で指定します。背景色「赤」を指定した結果です。</div></div></body></html>一見すると意図した表示ができていると思われますが、メニューの情報量よりコンテンツの情報量が増えた場合、右の表示となります。これを意図した場合は問題ありませんが、メニューとして利用する右側の背景色を、左のコンテンツが終了するラインで揃える事ができません。指定した場合、表示するサイズにより可変する事で情報量を考慮する事ができません。背景色を指定する場合は、コンテンツの情報量を常に意識して、ページ毎に高さを想定して変更する必要があります。テンプレートとしては利用できません。ボーダーを表示してみたのが右。分が邪魔になり回り込みが成立しませんでした。範囲を知りたいだけなのでこれで良しとしましょう。終わり(高さ)を統一する事ができません。