0

我有 3 个div容器，#containerA即#containerB和#containerC。

我想在 的坐标#containerB内#containerA和相对于 #containerA的坐标定位。所以，我设置#containerA有 position: relative 和 #containerB 有position: absolute. 这边走：

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

这在#containerA和之间运行良好#containerB。现在，我想#containerC在#containerB. 但是，将 设置 #containerB为 haveposition: 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 步：您可以#containerB使用left: 10px;和来定位top: 20px;（只是示例，您可以将值替换为您想要的任何值）。

第 3 步：假设您要定位#containerC到 5px 的顶部和 5px 的左侧#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。您还应该指定位置：top,left 或 bottom,right。

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

您可以将其保持为position: absoluteon #containerB，然后设置position: absoluteon#containerC将其相对于#containerB

于 2012-05-25T14:34:31.543 回答