css4.position
position : ボックスの配置方法を指定するプロパティ
値/
static :通常の位置に配置 (初期値)
static を指定した場合は、ボックスの配置位置の指定は無効になる。
relative :通常の位置を基準とした相対的な配置
absolute :ウィンドウまたは親ボックスを基準とした絶対的な配置
祖先要素に位置決めされた要素がある場合は、その要素の位置を基準にする。
ない場合は、ウィンドウの枠を基準とした配置。
位置決めされた要素 : positionで static 以外の値が指定された要素.
fixed :ウィンドウを基準とした絶対的な配置 + 位置の固定
*IE6以下では非対応。IE7では「互換モード」の場合機能しない。
sample code/
div {
width: 200px;
height: 100px;
position: relative;
position: absolute;
position: fixed;
top: 50px;
left: 50px;
right: 10em;
bottom: 10em;
* 指定 :上から、左から、右から、下からの距離+数値単位,%
}
- 関連記事
-
- css6. max-width
- css5.長さの単位
- css4.position
- css3.IEには使えない表記_背景色・背景画像
- css2.ブラウザによって表記が違う
スポンサーサイト
trackback
プロフィール
Author:usagi
FC2ブログへようこそ!
information
2015.2.8_23:12
管理人のみ閲覧のコメントを下さるみなさまへ
管理ページを見ることを忘れがちな管理人は 返事が遅れがちになることが多いため、ご注意下さい。
お急ぎの返信が必要なかたはカギなしでお願いします。
また、URL を記載していただくと、たすかります。
管理人のみ閲覧のコメントを下さるみなさまへ
管理ページを見ることを忘れがちな管理人は 返事が遅れがちになることが多いため、ご注意下さい。
お急ぎの返信が必要なかたはカギなしでお願いします。
また、URL を記載していただくと、たすかります。
最新記事
最新コメント
カテゴリ ・