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

标签 css dom

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

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

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

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

编辑:

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

最佳答案

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

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

Check out this JSFiddle.

关于css - 相对于文本 INPUT 的位置 DIV,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12802501/

相关文章:

html - 使用浏览器缩小时,带边框的 2 col 布局会折叠

html - 悬停图像并发光 [Bootstrap]

javascript - 如何同时激活两个 HTML 按钮

javascript - 如何在动态创建的文本框中设置值

javascript - 无论 z 顺序/图层级别如何,都检测鼠标悬停/鼠标单击

javascript - 如何使用 DOM 将一行附加到 html 表?

Javascript循环逻辑不正确

html - CSS 背景图像可以将其父 div 填充到左侧而不是右侧吗?

internet-explorer - 使用 html5shiv 在 IE < 9 中的 HTML5 元素上失败的原型(prototype) DOM 遍历方法

JavaScript 错误 : 'undefined is not a function' when trying to remove and add class to li element