絶対位置の中の可変幅の親div

Question

私は右の上隅にある絶対的な位置にしたい子divを持っています。

デフォルトでは、左側にあります。

親divは可変幅を持ち、div内の画像の幅をとります。

例here

私は余裕左親のdivとしては、可変幅を持っている使用することはできません。

また、calcを使用すると、ページ幅が100％になります。

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コード -

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