フロート豆知識

<< 戻る   トップ >>

CSS 属性の float で、左右にカラムをわけることを考える。

<div id="content">
  <div style="width: 100px; float:left;">
  左カラムの内容
  </div>
  <div style="width: 100px; float:right;">
  右カラムの内容
  </div>
</div>

Gecko は id="content" のブロック要素の外に左右のカラムが放り出されてレンダリングされる。これを防ぐには、きちんと float をキャンセルしてやらなくてはイケナイ。

<div id="content">
  <div style="width: 100px; float:left;>
  左カラムの内容
  </div>
  <div style="width: 100px; float:right;>
  右カラムの内容
  </div>
  <br style="clear: both;" />
</div>

<br clear="all" />でも可。

ところで、⌨。←キーボードに見える? つい先ほど、Unicode のシンボル一覧というページを見つけてびっくり。これだけでご飯3杯はいけます(意味不明)。


作成: 2007-04-19 20:34:59.0更新: 2007-04-19 20:34:59.0
http://museo-anonimo.jp/nanban/?id=357,http://museo-anonimo.jp/nanban/tr/357