So verhindern Sie, dass die Bildlaufleiste die Seitenbreite beeinflusst, wenn die Bildlaufleiste auf der Seite angezeigt wird

So verhindern Sie, dass die Bildlaufleiste die Seitenbreite beeinflusst, wenn die Bildlaufleiste auf der Seite angezeigt wird
Stellen Sie die Breite des Textkörpers auf die Breite des Fensters ein (gesteuert durch das folgende Skript)

$("body").css("Breite", $(window).width());

Stellen Sie gleichzeitig den Überlauf des Körpers ein (im Stil geschrieben)

Körper { Überlauf-x: versteckt;}

ps:

In ähnlicher Weise wird auch die Tabelle in div auf diese Weise behandelt




Stellen Sie die Breite von tableContainer (im Stil geschrieben) und tableMain (vom Skript gesteuert) so ein, dass sie der Breite von tableMainHead entspricht.


Code kopieren
Der Code lautet wie folgt:

$(".tableMain").css("Breite", $(".tableMainHead").css("Breite"));


Setzen Sie den Überlauf des Tabellencontainers auf „versteckt“ (im Stil geschrieben).

Dies hat den Nachteil, dass der Inhalt im Textkörper nicht automatisch zentriert werden kann, wenn sich die Größe des Browserfensters ändert (das Div, das ursprünglich Prozentwerte für die Breiteneinstellungen verwendete, konnte mit margin: auto automatisch zentriert werden, aber da der zusätzliche Teil jetzt ausgeblendet ist, kann er nicht automatisch zentriert werden).

<<:  Lösung für das Problem, dass die Div-Breite auf width:100% eingestellt ist und dann die Polsterung oder der Rand das übergeordnete Element überschreitet

>>:  Teilen Sie die Fallstricke von MySQLs current_timestamp und ihre Lösungen

Artikel empfehlen

So stellen Sie Daten mit Binlog in MySQL 5.7 wieder her

Schritt 1: Stellen Sie sicher, dass MySQL Binlog ...

Vue implementiert Multi-Grid-Eingabefeld auf mobilem Endgerät

Vor Kurzem hat das Unternehmen die Anforderung ge...

Implementierung der Validierungsregel für Vue Element-ui-Formulare

Inhaltsverzeichnis 1. Einleitung 2. Eingabemodus ...

Linux-Installation MySQL5.6.24 Nutzungsanweisungen

Hinweise zur Linux-Installation von MySQL 1. Stel...

Beim Bereitstellen von rabbitmq mit Docker sind zwei Probleme aufgetreten

1. Hintergrund Die folgenden zwei Probleme treten...

Die Verwendung des V-Modells in Vue3-Komponenten und ausführliche Erklärung

Inhaltsverzeichnis Verwenden Sie bidirektionale B...

40 Schriftarten, empfohlen für berühmte Website-Logos

Wissen Sie, welche Schriftarten in den Logo-Desig...

So handhaben Sie gleichzeitige Aktualisierungen von MySQL-Daten

Wird UPDATE gesperrt? Wird die SQL-Anweisung gesp...

So erstellen Sie dynamische QML-Objekte in JavaScript

1. Objekte dynamisch erstellen Es gibt zwei Mögli...