html - サイズが設定されていない画像の右下隅に画像を配置する方法

Question

これが私のhtmlです

<div class="container">
   <img src="something" class="avatar"/>
   <div class="edit_photo">Edit</div>
</div>

「edit_photo」の背景には画像があります。img タグの寸法は設定されていないため、何でもかまいません。しかし、「edit_photo」divが常にimgの右下隅にあるようにします。これはcssで可能ですか？これを行う方法が思いつきません。img タグは常に img タグである必要があり、div に変更することはできません。

ありがとうございました！

Answer 1

このコードを css に記述します

.container{
   position:  absolute;

}

。写真を編集する{

 position: absolute;
bottom:0px;
right:0px;
widht:20px;
height:20px;

}