我有3个div个容器，即#containerA，#containerB和#containerC。
我希望#containerB位于#containerA内并且相对于#containerA
#containerA的坐标。所以，我设置position: absolute有位置：
relative和#containerB有#containerA {
position: relative;
}
#containerB {
position: absolute;
}
。这样：
#containerA这在#containerB和#containerC之间正常工作。现在，我想
将#containerB置于#containerB内并与position: relative相关。但是，设置
拥有#containerB的{{1}}会导致#containerA丢失
尊重#containerA {
position: relative;
}
#containerB {
position: relative;
}
#containerC {
position: absolute;
}
。代码看起来像这样：
divs那么，我应该怎样做才能使#containerC在这样的情况下相互嵌套
#containerB相对于#containerB定位的方式
#containerA的定位是{{1}}？
答案 0 :(得分：1)
第1步：您将#containerA设为position: relative;;然后#containerB和#containerC拥有position: absolute;。
第2步：您使用#containerB和left: 10px;进行定位（只是示例，您可以使用您想要的任何内容替换值）。
第3步：假设您要将top: 20px;定位为距离顶部5px，距离#containerC左侧5px。然后设置#containerB和left: 5px;
测试：http://dabblet.com/gist/2788586 - 青色背景元素为top: 5px;。它可以设置为相对。
答案 1 :(得分：0)
position:relative用于设置使用position:absolute的子项的原点。
如果您希望B相对于A，那么A将使用position:relative，那么B将位于带有position:absolute的A中。您还应指定位置：顶部，左侧或底部，右侧。
<div id="A">
<div id="B"></div>
</div>
答案 2 :(得分：0)
您可以在position: absolute上将其保留为#containerB，然后在position: absolute上设置#containerC会将其定位为#containerB