html - 別の DIV に対して DIV を配置しますか?

Question

DIV を別の DIV に対して相対的に配置することはできますか? これは、最初に参照 DIV 内に配置してから を使用することで実行できると思いposition: relativeます。ただし、参照 DIV の内容に影響を与えずにこれを行う方法がわかりません。どうすればこれを適切に行うことができますか？

参照: http://jsfiddle.net/CDmGQ

Answer 1

最初positionに親DIVをに設定しrelative（オフセットを指定するなどは必要ありません）、次に、必要なオフセットを使用して子DIVに適用します。 それは単純で、うまくいくはずです。lefttopposition: absolute

Answer 2

postion:relative外側の DIV と position:absolute の内側の 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;
}​

Answer 3

position: absolute他のdiv内で使用したい。

デモ