关于树形展开的盒子布局的问题

如图,现在这个样式我已经做出来了,因为它是树形嵌套的关系,我的思路是把每个盒子都设置成绝对定位,然后子盒子根据父盒子进行位置的偏移,但是现在有一个问题来了,比如我在同一级展开两个盒子,由于绝对定位脱离文档流,会导致子盒子重合。。(比如电信诈骗那个栏展开了三个盒子,下面的街头骗术再展开会导致下一级有重合)想了好久没有思路,感觉要改变整体的实现方式,请大神给个思路,感激不尽
clipboard.png

阅读 1.9k
2 个回答

如果按这样的方案,同一级只能限定只展开一个菜单,如果要实现同时展开多级,可能还是accordian方式比较适合。
另外绝对定位的方式还是避免一下为好,因为你的层级是规律的,完全可以按照正常文档流或相对偏移来实现,这样对固定值的依赖会小些,未来要做调整或扩展会轻松很多。

套 DIV 啊
没有展开的时候 只有自身高度
展开后,子元素 撑开高度,就把 下面的推下去了
用绝对定位是自找麻烦

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题