div
を別の要素に対して相対的に配置したいとします。私は長方形div
を持っていて、その隅に4 div
を挿入したいと思います。私はCSSが属性"position:relative"
を持っていることを知っていますが、これはその要素の通常の位置に関連しています。 div
の位置は、通常の位置に相対的ではなく、別の要素(矩形)を基準にして配置します。私は何をすべきか?CSS内のある要素を他の要素と相対的に配置する
27
A
答えて
23
28
position: absolute
position: static
はない最も近く配置祖先、すなわち最も近い親からの相対座標で素子を配置します。
ターゲットdiv内に4つのdivがネストされていて、ターゲットdivにposition: relative
、残りの部分にを使用してください。
これまで、あなたのHTMLは、同様の構造:
<div id="container">
<div class="top left"></div>
<div class="top right"></div>
<div class="bottom left"></div>
<div class="bottom right"></div>
</div>
そして、このCSSは動作するはずです:
#container {
position: relative;
}
#container > * {
position: absolute;
}
.left {
left: 0;
}
.right {
right: 0;
}
.top {
top: 0;
}
.bottom {
bottom: 0;
}
...
関連する問題
- 1. 相対位置指定された要素内でページを絶対的に配置する位置要素
- 2. ポジション:絶対;内部の動的位置:相対;要素
- 3. 相対的に配置された要素を持つZ-インデックス
- 4. 要素を絶対的に配置するが、別の要素の右側に配置する
- 5. CSSの位置絶対的な親要素を基準にして相対
- 6. CSSの相対位置と要素の高さ
- 7. Css要素を別の要素のすぐ隣に配置
- 8. 相対要素内の絶対ゼロを参照するようにCSS要素をリセットできます
- 9. CSSの配置:1つの要素に対して相対的なものにする方法はありますが、他の要素には相対的な方法はありませんか?
- 10. 他のdiv要素の下にdiv要素を配置する方法
- 11. 絶対位置DIVは、他の要素
- 12. 他の要素との相対的な高さを設定する
- 13. 2つの相対配置要素を持つz-インデックスIE7
- 14. 他の要素内の要素位置JAVAscript
- 15. CSSを使って他の要素内の要素をスタイルする方法は?
- 16. Javascriptで別の要素の下に要素を配置する
- 17. 単純なcss要素の配置
- 18. 絶対要素配置のWYSIWYG
- 19. 要素を重ならずに相対配置要素の下に配置する方法はありますか?
- 20. cssとjqueryで円のhtml要素を配置する
- 21. iframe内の絶対位置要素は?
- 22. 他の要素の上に位置するsvg要素の位置
- 23. 絶対要素を絶対位置に配置します。 IE
- 24. 絶対配置要素を含むClearfix
- 25. 要素を配列に配置する
- 26. javascriptを使用してdiv要素の内容を他のdiv要素と相対的に取得するにはどうすればよいですか?
- 27. CSSの右側に要素を配置する
- 28. この要素をCSSに配置する方法
- 29. jquery絶対配置要素クリック
- 30. 2D配列内の要素の位置を返す再帰的
親要素の詳細がわからない場合(画面が動的なときなど) – abhi
質問に対する答えは実際にはありません。 –
@ AndreasL.Agreed。答えは単純にあなたができないと思う。あなたは他の何かを使って自分のやり方をハックする必要があります。 – CptAJ