html - 相对于 previous() div 的位置 div

Question

假设我有这样的 div:

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

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

仅使用 HTML/CSS(无 js)是否可以实现？

Answer 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/

希望对您有所帮助。