4

テキストINPUTに対してDIVを配置する方法はありますか？

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

テキストの前の入力フィールドの上にDIVを配置したいと思います。

私はそれらの両方を同じdivに入れて、それに対して相対的な位置に置くことができることを知っていますが、知りたいのですが、追加のDIVなしでそれを行う方法はありますか。

編集：

入力フィールドの親ノードに複数のノードが存在する可能性があることを忘れました。そのため、親内の入力の位置を特定できないため、親に対してdiv（ "GE"）を配置することはできません。その特定の要素が単一のタグであり、子を持つことができない場合に、あるノードを他のノードに対して相対的に配置する方法を特に探しています。

4

2 に答える 2

1

margin-top:あなたはあなたのdiv：にネガを適用することによってこれを達成することができます

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

このJSFiddleをチェックしてください。

于 2012-10-09T14:53:53.320 に答える
1

私が調査したことについては、私の問題に対する直接的な解決策はありません。inputは単一のタグであるため、子ノードを持つことはできません。そのため、inputタグを基準にしてレンダリングすることはできません。

唯一の解決策は、複雑なjavascriptまたはjQuery（.postion（））のいずれかであると思います。この問題を解決することが絶対に必要な場合は、入力の位置を見つけてそれを基準にしてdivを配置する必要がありますが、入力フィールドを移動するとdivは同じ場所にとどまるため、これも適切な解決策ではありません。その特定のDOM突然変異に（それが可能かどうかさえわかりません）。

それは私がこれまでに学んだことです、私は間違っていることを望みます、それで誰かが私を間違っていると証明するならば、私は喜ぶでしょう:)

于 2012-10-19T18:24:34.433 に答える