mutlak konum sağ değişken genişlik ebeveyn div

Question

Ben sağ üst köşede olmak için mutlak olarak yerleştirilmek istiyorum bir çocuk div yaşıyorum.

Varsayılan olarak soldadır.

Ebeveyn div, div içinde bir görüntünün genişliğini alarak değişken bir genişliğe sahip.

Örnek here

I kenar sol üst div olarak değişken bir genişliğe sahip olan bir kullanamaz.

Ayrıca, calc kullanımı sayfa genişliğini% 100 alarak başarısız oldu.

html -

<div class="pic"> 
<div class="imgc"> 
<img src="http://nvoids.in/dir/album_image/image_6642.jpeg" /> 
</div> 
<div class="del"> 
<a href="#">X</a> 
</div> 
</div> 

<div class="pic"> 
<div class="imgc"> 
<img src="http://nvoids.in/dir/album_image/image_6638.jpeg" /> 
</div> 
<div class="del"> 
<a href="#">X</a> 
</div> 
</div> 

CSS kodu -

.imgc { 
    float:left 
} 

.del { 
    position:absolute; 
    float:right; 
    background-color:black; 
    color:white; 
    //display:none; 
} 
.del a { 
    color: white; 
    text-decoration:none; 
} 

.pic { 
    float:left; 
} 
.pic:hover .del { 
    margin-left: 10px; 
    display:block; 
} 

Answer 1

.del { 
    position:absolute; 
    right:0; 
    top:0; 
} 

.pic { 
    float:left; 
    position:relative; 
} 

https://jsfiddle.net/kacmn38b/2/