html - 使一个 div 绝对化到特定的 div

Question

是否可以使 div 相对于特定的相对 div 而不仅仅是父级？

例如。我有一个包含在一行内的 div。但是，我希望它在 section 而不是 row 中是绝对的。由于 WordPress 主题样式，两个 div 都位于 relative 位置。如果我使用位置 absolute，它只会使它成为 row 的绝对位置。

我怎样才能解决这个问题？

.section {
  width: 100%;
  height: 100%;
  position: relative;
  background: #f5f5f5;
}

.row {
  width: 80%;
  height: 100%;
  position: relative;
  background: #000000;
  margin: 0 auto;
}

.content {
  width: 200px;
  height: 200px;
  background: pink;
  position: absolute;
  right: 0;
  top: 0;
}

<div class="section">
  <div class="row">
    <div class="content">
    </div>
  </div>
</div>

Answer 1

这不是定位的工作原理。 div 或任何其他元素在其定位方面与其父元素相关。如果您想将元素放置在您拥有的部分内，最好按如下方式构建代码:

<div class="section">
  <div class="absoluteDiv">
  </div>
  <div class="row">
  </div>
</div>

您可以找到更多示例 here

希望对你有帮助 康斯坦丁诺斯。