Home
/
配置・表示の指定
/ 左右への配置と回り込みの指定 :
float
左右への配置と回り込みの指定 :
float
::: 書 式 :::
float
: 配置位置
::: プロパティ値 :::
配置位置には、下記の値を指定します。
none(指定しない)
left(左に配置)
right(右に配置)
::: 解 説 :::
「
float
」プロパティで、指定要素を左側または右側に配置して、あとの要素を反対側に回り込ませます。
回り込みを解除する場合は、「
clear
」プロパティを使います。
::: 対応ブラウザ :::
IE
Firefox
Opera
Chrome
Safari
8
7
6
5.5
5
3.5
3
2
1.5
1
10
9
8
7
6
2
1
4
3
2
1
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
[ 対応状況 : ○=対応、△=一部対応、×=未対応 ]
::: サンプル :::
[ サンプル画面
]
スタイルシート(CSS) = 左右への配置と回り込みの指定 =
スタイルシート(CSS) = 左右への配置と回り込みの指定 =
img要素に「float: left」左に配置を指定
img要素を「float: left」で左に配置したあとのp要素
ここで、p要素に「clear: both」を指定(回り込み解除)
img要素に「float: right」右に配置を指定
img要素を「float: right」で右に配置したあとのp要素
</body> </html>
関連項目
CSSの基本
CSS機能別プロパティ一覧
CSSインデックス
配置・表示の指定
position
top
bottom
left
right
float
clear
z-index
display
visibility
overflow
Copyright (C) 2009 Html-Labs All Rights Reserved.
回り込みを解除する場合は、「clear」プロパティを使います。