垫子树的孩子离开div

Question

我有一棵有几个孩子的垫子树，但是我不能在树上放一个滚动条。由于这个原因，不可能形象化树的孩子。 子目录树在bootstrap col-sm-3内部。 我已经尝试过添加带有溢出的最大宽度，我已经尝试过添加带有固定宽度的溢出，我已经尝试过添加引导程序overflow.auto类。

垫子树

HTML：

/*Casting to short via (short)# gives overflow, but casting to long via (long)# gives compile error.  Am I missing something fundamental? (I'm a new student, still learning where educational resources are)
*/

//I'm working in Intellij IDEA.

short y = (short)198_203_304;

long t = (long)1_923_123_456_789_000;  
// won't compile as number is outside long range

long u = 1_923_123_456_789_000L;  
// use of #L casts to long, but I understand risk of data loss is   
// present.

System.out.println("y = " + y);
System.out.println("u = " + u);

//... yields...

y = 20473
// Result of overflow, since 198_203_304 is out of range, I believe.
u = 1923123456789000

CSS：

<div class="col-md-3">
    <div class="styleGrid listOrgs">
        <mat-tree [dataSource]="dataSource" [treeControl]="treeControl" class="my-tree">
            <mat-tree-node *matTreeNodeDef="let node" matTreeNodeToggle>
                <li class="mat-tree-node">
                    <button mat-icon-button disabled></button>
                    <a href="javascript:void(0)">{{node.name}}</a>
                </li>
            </mat-tree-node>
            <mat-nested-tree-node *matTreeNodeDef="let node; when: hasChild">
                <li>
                    <div class="mat-tree-node">
                        <button mat-icon-button matTreeNodeToggle [attr.aria-label]="'toggle ' + node.name">
                            <mat-icon class="mat-icon-rtl-mirror">
                                {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}
                            </mat-icon>
                        </button>
                        <a href="javascript:void(0)">{{node.name}}</a>
                    </div>
                    <ul [class.my-tree-invisible]="!treeControl.isExpanded(node)">
                        <ng-container matTreeNodeOutlet></ng-container>
                    </ul>
                </li>
            </mat-nested-tree-node>
        </mat-tree>
    </div>
</div>