div css左上角不工作

Question

我想定位div的左上角，但它不起作用。。。这是div 的css类

.delete-wpr { 
    position: relative; 
}
.delete { 
    display: block; 
    position: absolute; 
    top: 0px; 
    left: -5px; 
}

这是HTML代码：

<td class="item-name">
    <div class="delete-wpr">
        <textarea class="form-control" name="items-name[]">Item1</textarea>
        <a class="delete" href="javascript:;" title="Remove row">
            <span class="glyphicon glyphicon-remove-circle" style="color:#cccccc;"></span>
        </a>
    </div>
</td>

我想把span类放在div类"delete wpr"的中间。。。但它的位置没有改变，即使我改变了的顶部和左侧值

有人能帮我吗。。。

Answer 1

top和left似乎在我的jsfiddle中使用您发布的代码：http://jsfiddle.net/28jnp3xs/

.delete-wpr { position: relative; }
.delete { 
  display: block; 
  position: absolute; 
  top: 0px; 
  left: -5px; 
}

也许你在css中的某个地方覆盖了.delete？

Answer 2

当然，位置在变化。请尝试为顶部和左侧属性添加一些正值.delete-wpr是一个块级元素，它占用文档流上的全部可用空间。