DIVを別のDIVに相対的に配置することは可能ですか?私はこれが参照DIVの中に最初に配置し、position: relative
を使用してこれを行うことができると思います。しかし、私は参照DIVの内容に影響を与えずにこれを行う方法を理解することはできません。どのようにこれを正しく行うことができますか?DIVの位置は別のDIVとの相対位置ですか?
ありがとう! =)
DIVを別のDIVに相対的に配置することは可能ですか?私はこれが参照DIVの中に最初に配置し、position: relative
を使用してこれを行うことができると思います。しかし、私は参照DIVの内容に影響を与えずにこれを行う方法を理解することはできません。どのようにこれを正しく行うことができますか?DIVの位置は別のDIVとの相対位置ですか?
ありがとう! =)
まず、オフセットを指定する(relative
にすなわちleft
を親DIVのposition
を設定し、top
など必要ありません)、その後、あなたが欲しいオフセットと子のDIVにposition: absolute
を適用します。
これは簡単なことであり、トリックもうまくやる必要があります。
[例](http://jsfiddle.net/CDmGQ/2/) –
これは、ありがとう! :)私はあなたの答えをできるだけ早く受け入れます。 – Nathanael
私のために働かない。これは、パディングやマージンを追加して、最初のdivの下に2番目のdivを配置する場合にのみ機能します。 –
あなたはpostion設定する必要があります。外側の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;
}
あなたは#two divの内側に#one divの内側position:relative;
とposition:absolute
を使用することができます。 you can see it
この例では、灰色のdivと赤色のdivの違いは何ですか。 – Rooster
私はその質問を理解していません。あなたは '参照DIVの内容に影響を与えずに何を意味するのですか?'リクエストされた結果のイメージを提供できますか? –