float左または右に寄せて配置する
対応ブラウザ
- IE4
- IE5
- IE6
- IE7
- IEMac
- Netscape6
- Netscape7
- Firefox1
- Firefox2
- Opera6
- Opera7
- Opera8
- Opera9
- Safari1
- Safari2
仕様
CSS Level1
値
| 値 | 内容 |
|---|---|
| left | 指定した要素を左に寄せる 後に続く内容はその右側に回り込む |
| right | 指定した要素を右に寄せる 後に続く内容はその左側に回り込む |
| none | 特に配置を指定しない[初期値] |
ブラウザバグなど
一度none以外の値を指定した要素はclearプロパティをnone値に上書きできない
ブロック要素の内包要素がボックスに収まりきらないときにボックスが拡大される
ブロック要素よりフロートされた子孫要素が大きい場合はボックスサイズが拡大されたりする
親要素にclear:both;があると、floatがずれる
floatされた領域のmarginが２倍になる
親要素にwidthやheightを指定すると領域の算出にfloat領域を含める
ブロック要素に囲まれたfloatに後続する、別のブロック要素の内包要素がfloatの横に配置される
ブロック要素に囲まれたfloatに後続する、別のブロック要素の内の画像が消える
フロートされている画像をフォーカスで移動すると位置がずれる
bottom下からの配置位置（距離）を指定する
clear回り込みを解除する
clipボックスを切り抜き表示（クリッピング）する
direction文字表記の方向（左右）を指定する
display要素の表示形式（ブロック・インライン）を指定する
float左または右に寄せて配置する
height高さを指定する
left左からの配置位置（距離）を指定する
max-height高さの最大値を指定する
max-width幅の最大値を指定する
min-height高さの最小値を指定する
min-width幅の最小値を指定する
overflowはみ出た内容の表示方法を指定する
positionボックスの配置方法（基準位置）を指定する
right右からの配置位置（距離）を指定する
top上からの配置位置（距離）を指定する
unicode-bidiUnicodeの文字表記の方向を上書きする
visibilityボックスの表示・非表示を指定する
width幅を指定する
z-index重なりの順序を指定する
主要ブラウザに非対応
