大家好，我是小黄。

使用场景：有时候我们开发图形化编程时，我们的积木块很长，导致一部分无法显示，我们想要把目录区域位置放大，比如下面红色方框区域位置，那么改如何实现这个过程呢？

一.正常思维，聪明的小伙伴肯定会想到使用开发者调试工作F12,找到类的名称后重写样式。但是很可惜的是，这样修改后样式并没有起作用。不信的小伙伴可以尝试一下，小黄试过是不行的。

那么我们该如何实现呢？正确的做法是我们需要找到toolbox.js文件修改里面的Blockly.Toolbox.prototype.width宽度。小黄先改成610看看效果。保存编译后我们看看样式。

Blockly.Toolbox.prototype.width = 610;

我们可以看到，我们修改的样式已经生效了，但是这并不是我们想要的效果，因为他没有紧贴目录。我们需要再修改一个地方。我们需要到flyout_vertical.js中修改，小黄改成550.

Blockly.VerticalFlyout.prototype.DEFAULT_WIDTH = 550;
位置：在tool-box-xml.js对应位置中加入代码就可以了。

我们把代码保存再编译一下看看效果。可以看到，我们的修改已经成功了。

关注我，一起学习探讨更多scratch知识！您的支持将是我创作的最大动力！需要项目源码的小伙伴请回复：scratch源码。小黄看到都会及时回复的。