0

、、の3つdivのコンテナが#containerAあり#containerBます#containerC。

#containerBの座標内#containerAおよび座標を基準にし て配置したいと思い#containerAます。だから、私#containerAは位置を設定しました：相対と#containerBを持っていposition: absoluteます。こちらです：

#containerA {
  position: relative;
}
#containerB {
  position: absolute;
}

これはとの間#containerAで正常に機能し#containerBます。#containerC今、私は内にそしてに関してなりたいです#containerB。ただし、を設定する と、#containerBへの敬意が失われposition: relativeます。コードは次のようになります。#containerB#containerA

#containerA {
  position: relative;
}
#containerB {
  position: relative;
}
#containerC {
  position: absolute;
}

それで、に対して配置され、 に対して配置さdivsれるような方法で互いにネストするために私は何をすべきですか？#containerC#containerB#containerB#containerA

4

3 に答える 3

1

ステップ1：あなたは持っているように設定#containerAしましたposition: relative;; その後#containerB、#containerC持っているposition: absolute;。

ステップ2：たとえば、and#containerBを使用して配置します（例として、値を任意の値に置き換えることができます）。left: 10px;top: 20px;

ステップ3：#containerC上から5ピクセル、左から5ピクセルの位置に配置するとします#containerB。次に、設定left: 5px;してtop: 5px;

テスト：http ：//dabblet.com/gist/2788586-シアンの背景を持つ要素にはがありposition: staticます。相対に設定できます。

于 2012-05-25T14:51:29.053 に答える
0

position:relativeを使用する子アイテムの原点を設定するために使用されますposition:absolute。

Aに関してBが必要な場合、Aはを使用position:relativeし、BはAの内部に。を使用しposition:absoluteます。また、位置を指定する必要があります：上、左または下、右。

<div id="A">
    <div id="B"></div>
</div>
于 2012-05-25T14:34:13.213 に答える
0

オンのままにしておくことができます。position: absoluteオン#containerBに設定position: absoluteする#containerCと、#containerB

于 2012-05-25T14:34:31.543 に答える