Also muss ich mein Menü ausblenden und es nur anzeigen, wenn ich eine Tabulatortaste drücke. Ich habe die folgende Klasse geschrieben:

.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;
}

Das funktioniert perfekt, sodass der Inhalt keinen Platz einnimmt. Aber hier gibt es ein Problem: Wenn ich das mache, wird mein SVG-Bild nicht angezeigt. Nach einiger Überlegung habe ich herausgefunden, dass sich das Verhalten folgendermaßen verhält, wenn in einer Klasse und in einem Element innerhalb dieser Klasse visibility: versteckt;width + height = 0 ist. Warum funktioniert SVG auf diese Weise? Ich versuche, diese 3 Parameter selbst zu schreiben

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