CSS右上角圖標

我有一個顯示所有用戶評論的循環。我試圖在每個評論的右上角添加一個垃圾圖標，但它將所有圖標放在一個div的相同位置。我不希望圖標改變評論的位置，這就是爲什麼我確實定位，但它不起作用。CSS右上角圖標

循環代碼：

<div class="col-md-5 all"> 
<div class="col-md-12 hello"> 
    @foreach($comment as $comments) 
    @if($comments->image_id == $image->id) 
    <div id="{{$comments->id}}" class="ajaxrules"> 

    <div class="col-md-2"> 
     <img src="{{$comments->user_avatar}}" class="img-circle buddy"> 
    </div> 
    <div class="col-md-10"> 
     <h4>{!! $image->user_name !!}</h4> 
     <p class="left">{!!$comments->body!!} </p> 
    </div> 
    <div class="deletecomment"> 
     <i class="fa fa-trash-o"></i> 
    </div> 
    </div> 
    @endif 
    @endforeach 
    <div class="addavatar"> 
    </div> 
</div> 
</div>

CSS：

.deletecomment{ 
    display: block; 
    position: absolute; 
    top: 0; 
    right: 0; 
    clear:both; 

} 

.addavatar, .ajaxrules{ 
    padding-right: 60px; 
    padding-top: 10px; 
}

來源

2015-06-24 Itzik Ben Hutta

絕對讓他們都在那個地方。相對位置。 –

如果我做親戚，它會擾亂我的意見，因爲它佔用了空間 –

用你需要的html和css來做一個jsfiddle。然後我們可以看到你想要的東西。 –