對用DIV+CSS+JS實現多子部門組織結構圖的改進

這是回複論壇一壇友的問題涉及到的。
因為我把廣告從HOST裏禁了，所以CSDN論壇裏面回複時的編輯器其它功能都沒了，只有一個簡單的輸入框。簡潔不少，可是不僅不能發圖片，而且打字也都反應很慢，比起博客編輯器差多了。也不知CSDN什麼時候能把博客的MD編輯器搬到論壇裏去用。我稍後再去提個建議吧。
我也嘗試過去找免費圖床，但或者時限很短，或者是要求用微博注冊用戶等，比較麻煩，而且終究受制於人，不如發在這裏。
壇友給出的組織結構圖，主要是涉及一排排不全的情況怎麼辦，是這樣的：
我覺得下面的部門離上面靠得太近（離遠不注意看，容易當成是上面的子部門），而且它們和根節點沒有連線，代表著管轄的缺失，成了獨立部門。
改成下面這樣會好點：