css – 相对于文本INPUT的位置DIV

有什么方法可以相对于文本INPUT设置DIV吗?

<input type="text" id="inp" style="padding-left: 20px" data-kb="GE" />
<div>GE</div>

我想在文本之前将DIV放在输入字段的顶部.

我知道我可以将它们放在相同的div中并相对于它设置它,但我想知道,有没有办法在没有额外DIV的情况下完成它.

编辑:

我忘了提到输入字段的父节点中可能有多个节点,因此将div(“GE”)相对于父节点定位不是一种方法,因为我无法确定其父节点内的输入位置.我特意寻找一种方法来定位一个节点相对于其他节点,当该特定元素是单个标签并且不能有任何子节点时.

最佳答案 你可以通过对你的div应用一个负的margin-top来实现这个目的:

div { 
  margin-top: -16px;    
}​

Check out this JSFiddle.

点赞