Question

第一张图片是我的jqTree首次加载页面时的样子：

enter image description here

当我关闭然后重新展开“USA”节点时，这就是它重新扩展为：

enter image description here

在Google Chrome调试器中检查时：

enter image description here

你可以看到，由于某种原因，溢出：隐藏被添加到元素的样式中！当我删除/禁用此元素样式时，树按预期工作，一切都很好。

我也确定当我从头文件中删除bootstrap css时，这个bug就不再发生了。

有没有人知道为什么/何时/何地/如何/ bootstrap添加这种风格？我在chrome中为元素添加了一个DOM断点（在属性更改时），但样式实际上是在断点被击中之前设置的，所以这让我更加困惑......

这个bug在firefox中不会发生。

请帮助

Answer 1

这肯定是一个奇怪的。问题似乎完全是由于jQTree样式，尽管它可能会受到Bootstrap的默认box-sizing的影响。无论如何，请将这些样式添加到样式表

ul.jqtree-tree ul.jqtree_common {
    margin-left: 0;
    padding-left: 16px;
}

问题是，这些箭头绝对定位有left: -1.5em，将它们放在父母的盒子外面。使用overflow:hidden时，它们不可见。

JQTree JavaScript中的某些内容添加了overflow属性，可能是为了方便动画。