html - 定位在输入文本字段的顶部？

我想将.select-delete放置在<input>文本字段的顶部。我以前做过一次，但是可惜我丢失了代码，而且我很确定周围的元素CSS属性是不同的。

这是我的JS小提琴的链接，以便您可以编辑/查看我在说什么：http://jsfiddle.net/gPF8X/

我尝试了一个否定的margin-top，但是它被发送到文本字段的后面并隐藏在该字段的后面。我还尝试过单独设置float并更改margin设置，其效果相同。

任何具有预期效果的修改/答案将不胜感激！

最佳答案

http://jsfiddle.net/gPF8X/2/

像这样：

我将#box的位置设置为相对。

然后将.select-delete框的位置设置为绝对

的CSS

#box {
    margin: 20px auto 20px;
    background: #fff;
    width: 460px;
    padding: 20px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);
    color: #444;
    position:relative;
}
.select-delete {
    margin-left: 430px;
    margin-top: 0px;
    background: url(http://cdn2.iconfinder.com/data/icons/aspneticons_v1.0_Nov2006/delete_16x16.gif) no-repeat;
    height: 16px;
    width: 16px;
    position:absolute;
    top:40px;

}

关于html - 定位在输入文本字段的顶部？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7788406/