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

Question

有什么方法可以相对于文本输入放置 DIV 吗？

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

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

我知道我可以将它们放在同一个 div 中并相对于它放置它，但我想知道，有没有办法在没有额外 DIV 的情况下做到这一点。

编辑:

我忘了提到我的输入字段的父节点中可能有多个节点，所以将我的 div("GE") 相对于父节点定位不是一种方法，因为我无法确定 input 在里面的位置它的 parent 。当特定元素是单个标签并且不能有任何子元素时，我正在专门寻找一种相对于其他节点定位一个节点的方法。

Answer 1

您可以通过将负 margin-top: 应用到您的 div 来实现此目的:

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

Check out this JSFiddle.