position
基本的に単体で使う。relative,abosolute,fixed + topとかでずらす。
・relative
→staticの上段の辺から+-どのくらい動くか。
→後の要素には影響なし。そのままの位置。
・abosolute
→サイトの枠を基準にどのくらい。
→後に続く要素は詰める。
→囲んでいる要素に、relativeをつけるとそれが基準になる。
→left.rightを０にしたら、margin:auto;で中央になる。
→一番上に来る。絶対だから。
・fixed
→基準はサイトの枠。
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
だと画面いっぱいに広がる。
Z-index
htmlは後から書いたのが上にくる。
それを変えたい時はz=indexを使う。数が大きい方が上に来る。
＊w:100,h:100,borderがセットされていても、重ねると、borderはなくなる。