組織架構(gòu)圖展示效果問題

瞎說兩句，僅供參考。

用 chrome 開發(fā)者工具查看了一下上圖的 DOM 結(jié)構(gòu)，“產(chǎn)品研發(fā)部”的 div.org-tree-node-label，下面的四個部門是一個 div.org-tree-node-children 容器，葉子是四個 div.org-tree-node is-leaf。

結(jié)果是產(chǎn)品研發(fā)部的 div.org-tree-node-label 的高度就跟四個葉子的容器 div.org-tree-node-children 的高度相同了，而容器的高度，為四個葉子的高度相加，原因在這里。

思路是：能不能把容器 div.org-tree-node-children 搞成浮動布局，或者 Z-index 調(diào)整一下，這樣是不是就可以不影響 div.org-tree-node-label 了。因為現(xiàn)在的 DOM 結(jié)構(gòu)，他們顯然在一行上。但是，假如這樣搞，估計算法會比較復(fù)雜一些。