时间戳

首页 > 解决方案 > 将 div 设为特定 div 的绝对值

html - 将 div 设为特定 div 的绝对值

问题描述

div是否有可能对特定的亲戚div而不是父母做出绝对？

例如。我有一个包含在一行内的 div。但是，我希望它是绝对的section而不是row. relative由于 WordPress 主题样式，这两个 div 都被定位。如果我使用位置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>

标签： htmlcsscss-position

解决方案

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

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

您可以在此处找到更多示例

希望它有所帮助，康斯坦丁诺斯。

推荐阅读