相对于 previous() div 定位 div答案

【问题标题】：Position div relative to prev() div相对于 previous() div 定位 div
【发布时间】：2017-07-10 12:24:59
【问题描述】：

假设我有这样的 div：

<div></div> // position: relative, right: 20px

<div></div> // position: relative, right: prev() div + 20px

仅使用 HTML/CSS（无 js）可以实现吗？

【问题讨论】：

不，这些 div 彼此重叠。我希望它像螺纹 cmets，其中下面的 div 稍微向右。
给我们看一个例子
CSS - Use calc() to keep widths of elements the same的可能重复
我真的没有例子。但我只是想问是否有可能从以前的div（margin-left 或right）中检测到 css 属性，然后使用该信息为当前 div 创建 css 属性。
不。据我所知，目前您想要实现的目标仅靠 CSS 是不可能的。与您正在寻找的最接近的是 CSS3 calc() 函数，不幸的是，即使这样也不能满足您的要求。

标签： html css

【解决方案1】：

如果不使用 Javascript，我不确定纯 HTML + CSS 是否可以使用您的结构来完成。我正在考虑对 HTML 结构进行更改并将它们放在父子 div 中。

看看这个：

HTML 代码

<div>
  <div>
  AAA
  </div>
  <div class="sub-level">
    <div>
    BBB
    </div>
    <div>
      <div class="sub-level">
      CCC
      </div>
    </div>
  </div>
</div>

CSS 代码：

.sub-level {
  margin-left: 20px;
}

https://jsfiddle.net/3hwhq31t/2/

希望对你有帮助。

【讨论】：