CSS float属性

例

画像を右側にフロートさせる：

img
{
float:right;
}

試してみる »

このページの下部にさらに多くの例があります。

float プロパティは、ボックス（要素）をフロートさせるかどうかを指定します。

注意：絶対配置された要素は float プロパティを無視します！

表内の数字は、そのプロパティをサポートする最初のブラウザバージョンを示します。

属性
float	1.0	4.0	1.0	1.0	7.0

值	説明
left	要素は左にフロートします。
right	要素は右にフロートします。
none	デフォルト値。要素はフロートせず、テキスト内で出現する位置に表示されます。
inherit	float プロパティの値を親要素から継承することを指定します。

段落の最初の文字を左側にフロートさせ、その文字にスタイルを追加します。

フロートを使用して、水平メニューのハイパーリンクリストを作成します。

フロートを使用して、ヘッダー、フッター、左側の目次、本文コンテンツを持つホームページを作成します。

CSS チュートリアル:CSS Float

その他の拡張