<DIV>をヨコに段組しよう -2step脱テーブルスタイルシートCSSレイアウト講座-このページでは、<ＤＩＶ>を横に段組していく方法を紹介します。 <ＤＩＶ>の特徴は、前のページで説明したので、 まだ見てない方は、そちらを見てからでお願いします。 さて、前のページで、<ＤＩＶ>はちゃんとした設定をしないと、 横に並べることができない、ということを紹介しました。 でも、ちゃんとした設定といっても、たった1つの属性を、書き込むだけなので、 かんたんなんです。 ここでは、スタイルシートの定義方法のなかで、 もっとも一般的な、「ＣＬＡＳＳセレクタ」をつかって、段組していきます。 では、とりあえず、２つの<DIV>を、横に並べてみましょう。 なぜこのように、横に段組できるかというと、 「box1」と「box2」で定義している「 float属性 」のおかげです。 この、 float属性 は、 要素の配置と回り込みを指定するための属性 ですので、 この場合、「
