DIV相对于另一个DIV?

时间:2012-06-21 17:11:50

标签: html css

是否可以将DIV相对于另一个DIV定位?我想这可以通过先将它放在参考DIV中,然后使用position: relative来完成。但是,我无法弄清楚如何在不影响参考DIV的内容的情况下这样做。我该怎么做呢?

请参阅:http://jsfiddle.net/CDmGQ

谢谢! =)

4 个答案:

答案 0 :(得分:68)

首先将父DIV的position设置为relative(指定偏移量,即lefttop等等,然后应用{{1}使用您想要的偏移量给孩子DIV 这很简单,应该做得很好。

答案 1 :(得分: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;
}​

答案 2 :(得分:1)

您希望在其他div中使用position: absolute

DEMO

答案 3 :(得分:0)

您可以在#one div中使用position:relative;,在#two div中使用position:absoluteyou can see it