Question

我正在构建一个图片审核应用。

每个图像显示为图块，并且有一个用于批准图像的按钮，以及一个用于从数据库中删除它们的按钮。

我一直在努力将删除按钮（带有'X'的按钮）放在每个瓷砖的右下角。

我认为它与定位有关，但我尝试了很多选项，但还没有找到解决方案，这让我很生气。

.remove {
position: absolute;
right:0;
bottom:0;
z-index : 0;
background-color: rgba(255,255,255,0.8);
width:40px;
height:40px;
padding-top:2px;
padding-left:5px;
font-size: 2em;}

请参阅小提琴：http://jsfiddle.net/vgv1trop/1/

任何线索？

编辑：谢谢，我错过了职位：亲戚。

Answer 1

更新Css如下：

只需将position:relative添加到父.entry div，因此绝对定位元素可以相对于父<div>

放置

.entry {
    display:inline;
    overflow:hidden;
    float:left;
    width:31%;
    margin: 1.1%;
    position:relative; /* add this */
}

在右下角放置重叠div

1 个答案:

Demo