我想將四個div
相對於另一個放置。我有一個矩形div
,我想在其角落插入4 div
。我知道CSS有一個屬性"position:relative"
,但這是相對於該元素的正常位置。我想定位我的div
不是相對於它們的正常位置,而是相對於另一個元素(矩形)。我該怎麼辦?在CSS中相對於另一個元素放置一個元素
27
A
回答
23
28
position: absolute
將使由座標相對於所述最接近的定位祖先,即最接近的父這是不position: static
的元件。
將您的四個div嵌套在目標div中,給出目標div position: relative
,並在其他上使用position: absolute
。
結構化你的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. 用jQuery顯示一個元素相對於另一個元素
- 2. 鎖定元素相對於另一個元素的位置
- 3. CSS - 相對元素隱藏另一個
- 4. 相對於另一個元素而不是其父元素的位置元素
- 5. 相對於另一個元素居中元素
- 6. 垂直居中相對於另一個元素在CSS?
- 7. 在CSS中的另一個元素中定位2個元素
- 8. 將一個div元素放在另一個元素上方
- 9. 使用jQuery查找一個元素相對於另一個元素的距離
- 10. Angular 2如何定位一個元素相對於另一個元素
- 11. 定位元件相對於從另一RelativeLayout的一個元素
- 12. 對齊元素到另一個元素
- 13. 水平居中一個元素,並在其右側放置另一個元素
- 14. 如何將元素放置在另一個元素的頂部?
- 15. 我可以在CSS中設置元素相對於另一個元素的位置嗎?
- 16. 放置一個位於另一個下方的absulte元素
- 17. CSS - 翻轉一個元素,並使另一個元素可見
- 18. 一個元素上的CSS事件,更改另一個元素
- 19. CSS:從一個元素鏈接到另一個元素
- 20. 絕對定位一個元素*在另一個元素內
- 21. 使用jQuery將元素相對於不是父級的元素相對於另一個元素定位
- 22. 絕對位置元素,但在另一個元素的右側
- 23. 相對於另一個元素的位置div
- 24. Div元素在另一個div元素
- 25. 用另一個元素居中元素?
- 26. 如何找到一個小於另一個元素的元素?
- 27. 使用另一個元素設置一個元素的寬度
- 28. CSS:一個元素
- 29. CSS旋轉,而在另一個元素
- 30. 在另一個元素下放置一個div
如果您不確定父母元素的詳細信息,請說出屏幕動態時的情況 – abhi
這不是問題的答案。 –
@ AndreasL.Agreed。我認爲答案只是你不能。你必須用別的方法破解你的方式。 – CptAJ