位置div相对于PRAV()div



说我有这样的divs:

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

是否仅使用html/css(否JS)?

可以实现。

我不确定纯HTML CSS是否可以使用您的结构来完成,如果不使用JavaScript。我正在考虑改变HTML结构并将其放在亲子divs中。

检查一下:

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/

希望它有帮助。

最新更新