absolute Position rechts innen variable Breite Elternteil div

Question

Ich habe ein Kind div, das ich als absolut positioniert werden möchte, um in der rechten oberen Ecke zu sein.

Standardmäßig ist es auf der linken Seite.

Das übergeordnete div hat eine variable Breite und nimmt die Breite eines Bildes innerhalb des div.

Das Beispiel here

I kann keine margin-links als Mutter div verwenden, um eine variable Breite aufweist.

Auch die Verwendung von calc ist fehlgeschlagen, da 100% darin die Seitenbreite einnimmt.

Die 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> 

Der CSS-Code -

.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/