Question

我想将.select-delete放在<input>文本字段的顶部。之前我做过这个，但是我丢失了代码，我很确定周围的元素CSS属性是不同的。

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

我尝试了一个否定margin-top，但它被发送到文本字段的后面并隐藏在文本字段后面。我还尝试将float设置为仅更改margin设置，这具有相同的效果。

任何具有所需效果的编辑/答案都将非常感谢！

Answer 1

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;

}

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

1 个答案: