<div class="relative">
<img src="test.jpg">
<div class="absolute">
<table>
~
</table>
</div>
</div>
.relative{
position: relative;
width: 500px;
margin: 0px auto;
}
.absolute{
position: absolute;
top: 100px;
left: 100px;
}
これでテーブルが置かれる場所は、画面トップから100px、左から100pxではなく、
test.jpg 画像のトップから100px、左から100pxとなる。
2015年5月28日木曜日
CSS position absolute の指定について
position: absolute;
top: 10px;
left: 5px;
みたいに書いたとして、その場所に他の何かがないと、表示されない。
background で画像の指定などをしても、ダメ。
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
とか書けばOK。
top: 10px;
left: 5px;
みたいに書いたとして、その場所に他の何かがないと、表示されない。
background で画像の指定などをしても、ダメ。
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
とか書けばOK。
2015年5月12日火曜日
登録:
投稿 (Atom)