html - CSS 展开 div 并添加滚动条

Question

我基于这个优秀的教程实现了树渲染：

http://thecodeplayer.com/walkthrough/css3-family-tree

但是对于大树，似乎整个子树都像文本一样被“包裹”起来，这将树分裂成混乱的混乱。

请参阅此处的代码：

http://jsfiddle.net/shkAh/

任何想法如何自动扩展画布并添加滚动条？我尝试了各种溢出：自动排列，但没有任何效果。

Answer 1

您可以指定树的宽度。尝试在 CSS 中添加这样的内容： div.tree { width: 2000px; }