U-BOX/うさぎの小箱

FC2ブログのテンプレートを配布しています

  1. スポンサー広告
  2. [ edit ]

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


  1. css
  2. tb: 0
  3. cm: 0
  4. [ edit ]

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;
* 指定 :上から、左から、右から、下からの距離+数値単位,%

}


関連記事
スポンサーサイト



 管理者にだけ表示を許可する
 

trackback


プロフィール

usagi

Author:usagi
FC2ブログへようこそ!

information

2015.2.8_23:12
管理人のみ閲覧のコメントを下さるみなさまへ

管理ページを見ることを忘れがちな管理人は 返事が遅れがちになることが多いため、ご注意下さい。

お急ぎの返信が必要なかたはカギなしでお願いします。
また、URL を記載していただくと、たすかります。

カレンダー

03 | 2017/04 | 05
- - - - - - 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 - - - - - -

ユーザータグ

* 



上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。