で設定すると、ジャーナルの問題をグラフィック表示します。私が必要とするのは、問題のページで整理された方法とまったく同じように、他のDIVの内部に単純なDIV(または他のもの)を使用してテキストブロックを表示することです。これを行うには、DIV要素の座標を正確な数値に設定する必要がありますが、親DIVに関連して設定する必要があります。 cssやjsを使ってこれを行う方法はありますか?DIVの要素の座標をjs、css、html
-2
A
答えて
0
外側のdivがposition: relative
に設定されている場合は、内側のdivをposition: absolute
とし、top、left、rightおよびbottomプロパティを必要なピクセルに設定できます。例えば。
.outer {
position: relative;
}
.inner {
position: absolute;
top: 10px; //your coordinate
left: 5px; //your coordinate
}
<div class="outer">
<div class="inner">Your content</div>
</div>
そうでない場合、あなたは単に内部要素のパディングを使用することができます。
+0
親DIVまたはウィンドウのエッジの座標(10px、5px)オフセットですか? –
+0
親divのエッジのオフセット。 –
0
div
をdisplay: block;
にする場合は、単純なmargin-top
とmargin-left
を使用して座標を設定できます。
>あなたは< 100,50としてdiv
の座標を設定する必要があります(たとえば)と言うことができます:、CSSで、margin-left: 100px
とmargin-top: 50px
関連する問題
- 1. Divスライドショー(html、css、js)
- 2. ランダムな要素(座標)
- 3. iFrame内のhtml要素の正確な座標
- 4. SVGの座標で要素を選択
- 5. 負の座標の要素のグループ幅
- 6. 要素の座標の取得
- 7. 要素の座標の取得
- 8. スケーリングされたキャンバス要素の座標
- 9. 純粋なJavascriptでの要素座標
- 10. CSS:ホバーdiv要素
- 11. 入力要素は、マウスクリックのx座標とy座標を生成します。
- 12. 固定div内のHTML/CSS/JSコンテンツスクロールバー
- 13. JavaScriptから要素のカスタムCSSカーソルのホットスポット座標を決定する
- 14. プロトタイプJS - 特定の座標に最も近い要素を見つける
- 15. 相対/絶対位置CSS(エリア要素の矩形座標を変換)
- 16. html css div内の要素を整列する
- 17. X座標とY座標を使用して要素を配置する
- 18. html css htmlを調整せずに他の要素の下にdivを配置
- 19. CSS/HTML:要素右
- 20. HTMLページ上のマウス座標
- 21. 要素の位置HTML/CSS
- 22. メイク要素のHTML、CSS
- 23. CSS/HTML整列のdiv要素は、水平方向に
- 24. JS内のオブジェクトの座標の取得
- 25. CSS Div要素の高さの問題
- 26. 要素の特定の座標をクリックする方法
- 27. 2次元配列の要素の座標を見つける
- 28. CSS/JSで特定の要素の後に来るターゲット要素
- 29. CSSスケール後のキャンバス上のマウス座標
- 30. Python Webのスクレイピング - マップ要素の座標の検索方法は?
を設定し、それを行うには
[尋ねます]&[ mcve]。 – evolutionxbox