相对于prev（）div的位置div

Question

说我有这样的div：

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

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

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

Answer 1

我不确定纯HTML + CSS可以用你的结构完成，如果不使用Javascript。我正在考虑改变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/

希望它有所帮助。