Html CSS展开div并添加滚动条

我根据以下优秀教程实现了树渲染：

但对于大型树，整个子树似乎都像文本一样缠绕在一起，这将树分割成一团混乱

请参见此处的代码：

---

你知道如何自动扩展画布和添加滚动条吗？我尝试了各种溢出排列：auto，但没有任何效果。

您可以指定树的宽度。 尝试在CSS中添加类似的内容：

---

div.tree{宽度：2000px；}

是的，这种方法很有效。但是我得到了一个滚动条，在大多数情况下它覆盖了一个巨大的白色区域。如果div可以根据需要自动扩展，我会更喜欢。好的。也许这样行吗？div.tree{空白：nowrap；}