H5 元素相对定位后不占位置

需求：一张图片上面漂浮一个图标，用来标识已经选中该图片，类似这种：

<div class="parentdui"><i class="weui-icon-success-no-circle dui"></i></div>

 

.parentdui{
    position: relative;
}
.dui{
    position: absolute;
}

这段代码就是上面那个小图片

实现原理：position:absolute（子级）和 position: relative（父级）配合使用 ，就可以实现相对定位后不占位置。

在你想要相对定位的元素外面套上盒子使用相对定位 position: relative; 然后里面使用 position:absolute调整位置就可以实现。