Hallo, ich erstelle eine Maui-Blazor-App und habe ein Dialogfeld in ganzer Seitengröße mit einer schwebenden Schaltfläche darin. Wenn das Dialogfeld geschlossen wird und zur Originalseite zurückgekehrt wird, gibt es auf der Originalseite an der Stelle, an der sich die Dialogschaltfläche befindet, einen toten Bereich (im Dialogfeld ändere ich die Sichtbarkeit der Schaltfläche basierend auf einer Bedingung). Der Stil, den ich für den schwebenden Button verwendet habe:

.center {
    bottom: 5%;
    z-index: 999;
    cursor: pointer;
    margin: 0;
    position: fixed;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

Update: Ich habe das CSS der schwebenden Schaltfläche geändert und jetzt gibt es keinen Leerraum mehr, aber die Position ist nicht gut:

.center {
    bottom: 5%;
    cursor: pointer;
    margin: 0;
    left:50%;
}