Javascript 插入列表时，为什么面板从左侧显示更多空间？

我在这把小提琴上做了左面板。它是粘在左边的。请检查图片。 现在我使用了这个插件（插入嵌套列表）

它从左侧显示更多的空间。当屏幕变小时，它也显示列表的一部分。检查（图像）。我不知道为什么会发生这种情况？是因为css冲突吗

---

面板关闭时不应显示任何内容。

车身标签上有填充物。更改：

body { font-size: 100%; margin: 0; padding: 1.75em; font-family: 'Helvetica Neue', Arial, sans-serif; }

到

更新示例：

但是，在再次查看图像后，如果您想保留填充，则可以添加

右边距：30px到
dd项
类

使用右边距进行更新：

通过将主体上的填充编辑为
0.50em
，您可以获得与第一张图像更相似的内容：

body { font-size: 100%; margin: 0; padding: 1.75em; font-family: 'Helvetica Neue', Arial, sans-serif; }

body { font-size: 100%; margin: 0; padding: 1.75em 0; font-family: 'Helvetica Neue', Arial, sans-serif; }