Css 相对于文本输入的位置DIV

是否有任何方法可以相对于文本输入定位DIV

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

通用电气

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

我知道我可以把它们放在同一个div中，并将其相对于它进行定位，但我想知道，是否有任何方法可以在不增加div的情况下实现这一点

编辑：

---

我忘了提到，我的输入字段的父节点中可能有多个节点，因此相对于父节点定位我的div（“GE”）不是一个好办法，因为我无法确定输入在父节点中的位置。我特别想寻找一种方法来定位一个节点相对于另一个节点，当该特定元素是单个标记且不能有任何子节点时。

您可以通过将负的

边距顶部：

应用于

div

：

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

---

就我的研究而言，我的问题没有直接的解决办法。因为输入是单个标记，所以它不能有任何子节点，因此，它不能相对于输入标记进行渲染

我想唯一的解决方案是使用复杂的javascript或jQuery（.position（））。如果解决这个问题是绝对必要的，那么您必须找到输入的位置并将div放置在相对于它的位置上，但同样，这不是一个好的解决方案，因为如果输入字段被移动，div将保持在同一位置，除非您听那个特定的DOM变异（我甚至不知道这是否可能）

---

这就是我到目前为止所学到的，我希望是错误的，所以如果有人证明我错了，我会很高兴：）

不，你需要一个容器

div

，我想这确实是唯一的解决方案：（这实际上没有帮助。如果我有两个相邻的输入，并且我想相对于第二个输入定位div，那么您的代码将相对于第一个输入对齐。如果是这种情况，您应该编辑您的问题并指定多个输入是一个考虑因素。否则，我或任何其他人都无法以某种方式意识到此请求。）艾琳。