我正在尝试使用 HTML 表（和嵌套表）构建家谱树。它最终应该可以由用户使用 contenteditable 进行编辑，并且嵌套的单元格应该相应地调整大小。
然而，令我困惑的是，当我编辑单元格时，它们调整的速度太快而且太多了。为什么这样？
外面的桌子让一切都在控制之下，所以尺寸是固定的
table-layout:fixed;
另一方面，嵌套表格单元格仅通过指定
margin:auto;
每个单元格的宽度都是通过百分比单独设置的，在编辑之前看起来很完美。之后就不是这样了。
DEMO here http://jsfiddle.net/KtB6C/ 尝试编辑父单元或母单元。
我知道这是一个“修复我的代码”问题，但感谢任何帮助。