STYLE Diver Help

positionを、いじってみる。。

以下の絵を右クリックしSTYLE Diverを、起動してみてください。

1. 参照ボタンを押します。
2. 詳細領域の"position"の値を、relativeへ変更します。
3. 詳細領域の"right"へ1を入力し数値の値を上げると、ひよこさんが枠をはみ出して動いていき、なごみます。。

。。つまりpositionスタイルと、top,right,bottom,leftスタイルを、組み合わせる事により、任意の位置へ対象を配置する事が可能です。

positionは、対象の位置決めを行えるスタイル設定で他にも以下の設定が可能です。

※IE7からようやく、fixedが使えるようになったようです。　ぜひお試しを。