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类的中间位置＆＃34; delete-wpr＆＃34; ...但是即使改变顶部和左侧值，它的定位也不会改变

任何人都可以帮助我...

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 是一个块级元素，可以在文档流上占用整个可用空间。