53

是否可以相对于另一个 DIV 定位 DIV？我想这可以通过首先将其放在参考 DIV 中，然后使用position: relative. 但是，我无法弄清楚如何在不影响参考 DIV 的内容的情况下执行此操作。我怎样才能正确地做到这一点？

见：http: //jsfiddle.net/CDmGQ

4

4 回答 4

96

首先将position父 DIV 设置为（不需要relative指定偏移量，即left等），然后使用所需的偏移量应用于子 DIV。 这很简单，应该做得很好。topposition: absolute

于 2012-06-21T17:14:31.413 回答
8

您需要设置postion:relative外部 DIV 和位置：内部 div 的绝对值。
试试这个。这是演示

#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-21T17:19:48.823 回答
4

您想position: absolute在另一个 div 内使用。

演示

于 2012-06-21T17:15:38.847 回答
2

您可以position:relative;在#one div 和position:absolute#two div 内使用。 你可以看到

于 2017-05-18T12:00:52.487 回答