イメージ本部コンテナ

Question

HTMLを無視している：

<div> 
    <img> 
    <div> 
    <table>...</table> 
    </div> 
</div> 

CSSを：

#img { 
position: absolute; 
right: 0px; 
} 

どちらのdivは、テーブルと同じサイズです。
画像をテーブルの右上に浮かべたいです。
この結果、imgは画面の右側にあり、divには表示されません。

Answer 1

position:relative;を含むdivに追加する必要があります。また、表のデータを表示する場合を除き、表を使用することをお勧めします。レイアウトに使用しないでください。

.container { 
 
    position:relative; 
 
    width:500px; 
 
    height:500px; 
 
    border:1px solid black; 
 
} 
 
.container img { 
 
    position:absolute; /* absolute misspelled in your example */ 
 
    top:0; 
 
    right:0; 
 
}

<div class="container"> 
 
    <img src="http://placehold.it/250x250" /> 
 
    <div> 
 
    <table></table> 
 
    </div> 
 
</div>

Answer 2

img を無視すると、parentに設定されます。代わりにwidthにimgを入力してください。

また、「絶対」のスペルが間違っています。