所以我需要隐藏我的菜单，只有在我按下一个选项卡时才显示出来。我做的是编写以下类：

.not-visible {
    transform: scale(0);
    height: 0px;
    width: 0px;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

.not-visible * {
    margin: 0;
    padding: 0;
    height: 0px;
    width: 0px;
}

这样做非常完美，以便内容不占用任何空间。但是这里有一个问题 - 当我这样做时，我的SVG图像不显示。经过一些推断，我发现如果类中有visibility: hidden;并且在这个类内部的项目中width + height = 0，它就会出现这种情况。为什么SVG会这样工作？我尝试自己编写这3个参数

.repair-price-box .button-close {
    border: 1px solid black;
    visibility: visible;
    height: 25px;
    width: 25px;
}

但是它没有改变任何东西。就好像一旦我改变这些参数，它们就永远破坏了SVG（只要这段代码存在）。