Q

相對於另一個DIV的位置DIV？

html
css

2012-06-21 50 views 30 likes

30

是否可以定位一個DIV相對於另一個DIV？我想這可以通過首先將它放置在參考DIV中，然後使用position: relative來完成。但是，我無法弄清楚如何在不影響參考DIV內容的情況下做到這一點。我怎樣才能正確地做到這一點？相對於另一個DIV的位置DIV？

參見：http://jsfiddle.net/CDmGQ

謝謝！ =）

2012-06-21 Nathanael

+1

你在這個例子中用紅色div表示灰色div有什麼影響？ – Rooster

+0

我不明白這個問題。「在不影響參考DIV的內容」的意思是什麼？你能提供一個請求結果的圖像嗎？ –

A

回答

55

首先設置父DIV的position到relative（指定偏移，即left，top等是不是必要的），然後應用position: absolute與偏移想要孩子DIV。
這很簡單，應該好好做。

2012-06-21 17:14:31 rhino

+9

[示例]（http://jsfiddle.net/CDmGQ/2/） –

+0

這樣做，謝謝！ :)我會盡快接受你的回答。 – Nathanael

+1

不適用於我。它只適用於添加填充或邊距，從而將第二個div放在第一個div下方。 –

1

您想要在其他div中使用position: absolute。

2012-06-21 17:15:38 sachleen

+0

'position：絕對'一個人不會工作;指定的偏移量將引用文檔正文，而不是父div（至少在您提供的演示中）。看到我的答案。 – rhino

4

您需要設置現在的位置是：絕對內部的div：外DIV和位置相對。
試試這個。這裏是Demo

#one 
{ 
    background-color: #EEE; 
    margin: 62px 258px; 
    padding: 5px; 
    width: 200px; 
    position: relative; 
} 

#two 
{ 
    background-color: #F00; 
    display: inline-block; 
    height: 30px; 
    position: absolute; 
    width: 100px; 
    top:10px; 
}

2012-06-21 17:19:48

0

可以使用position:relative; #one格內，position:absolute #two DIV中。 you can see it

2017-05-18 12:00:52

相關問題