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

Detaillierte Erklärung der wichtigsten Einzigartigkeit von v-for in Vue

Inhaltsverzeichnis 1. DOM-Diff 2. Fügen Sie Eleme...

So lösen Sie das Problem, dass Tomcat9.exe abstürzt

Ein Leser kontaktierte mich und fragte, warum es ...

202 kostenlose, hochwertige XHTML-Vorlagen (2)

Nach dem vorherigen Artikel 202 kostenlose hochwe...

Detaillierte Erklärung des Initialisierungsmechanismus in Bash

Bash-Initialisierungsdateien Interaktive Login-Sh...

Wie kompliziert ist die Priorität von CSS-Stilen?

Gestern Abend habe ich mir eine Interviewfrage ang...

So kapseln Sie Paging-Komponenten manuell in Vue3.0

In diesem Artikel wird der spezifische Code der m...

Beispieloperation MySQL Kurzlink

So richten Sie einen MySQL-Kurzlink ein 1. Überpr...

Eine kurze Erläuterung der Rolle und Funktionsweise von Schlüsseln in Vue3

Welche Funktion hat dieses Schlüsselattribut? Sch...

Lösungen zur Verarbeitung und Reparatur historischer Linux-Images

Der ECS-Cloud-Server, der mit dem historischen Li...