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

Vue implementiert eine gleitende Navigation oben links und rechts

Navigation und andere Dinge werden bei der täglic...

Eine kurze Erläuterung zu Leerzeichen und Leerzeilen im HTML-Code

Alle aufeinanderfolgenden Leerzeichen oder Leerze...

Der eigentliche Prozess der Implementierung des Zahlenrätsels im WeChat-Applet

Inhaltsverzeichnis Funktionseinführung Rendern 1....

Ursachen und Lösungen für die Front-End-Ausnahme 502 Bad Gateway

Inhaltsverzeichnis 502 Bad Gateway Fehlerbildung ...

jQuery implementiert verschachtelte Tab-Funktion

In diesem Artikelbeispiel wird der spezifische Co...

MySQL-Tutorial: Datendefinitionssprache (DDL), Beispiel, ausführliche Erklärung

Inhaltsverzeichnis 1. Einführung in die Grundfunk...

Beispiele für die Verwendung des Li-Tags in HTML

Ich möchte den Titel links und das Datum rechts a...

Detaillierte Erklärung der dynamischen Komponenten von vue.js

:ist eine dynamische Komponente Verwenden Sie v-b...

Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.27

Das Installationstutorial für MySQL 5.7.27 wird w...

MySQL-Einstellungscode für die grüne Version und Details zum Fehler 1067

MySQL-Einstellungscode für grüne Version und Fehl...