So beseitigen Sie den zusätzlichen Leerraum am unteren Rand der erstellten Webseite beim Surfen

So beseitigen Sie den zusätzlichen Leerraum am unteren Rand der erstellten Webseite beim Surfen

Beim Erstellen von HTML-Webseiten mit Dreamweaver oder FrontPage kann folgendes Problem auftreten: Sobald eine mit der Software erstellte Webseite in einen Browser eingefügt wird, erscheint am unteren Rand der Webseite aus unerklärlichen Gründen mehr oder weniger leerer Raum. Wie also können wir diese Lücke schließen?
Zuerst dachte ich, dass ich dem Webseitencode lediglich ein CSS hinzufügen müsste, um die Höhe der Webseite zu beschränken, aber es stellte sich heraus, dass dies nicht funktioniert.

Grund:

Zunächst müssen wir wissen, dass beim Erstellen von Webseiten mit Software diese meistens über eine grafische Benutzeroberfläche „gestapelt“ werden. Wenn Webseiten auf diese Weise gestapelt werden und Ebenen oder Tabellen erstellt werden, überschreitet die von der Software für die Ebenen oder Tabellen definierte Höhe häufig die gewünschte Höhe, was in der Software jedoch nicht sichtbar ist. Wenn wir die Webseite jedoch in einem Browser öffnen, werden wir feststellen, dass die in der Software nicht vorhandenen Leerzeichen im Browser angezeigt werden.

Die Höhe einer Webseite kann nicht einfach durch das Hinzufügen eines html{height:XX px;} eingeschränkt werden, da in einer Webseite die Eigenschaften anderer, in einem Element verschachtelter Elemente eine höhere Priorität haben. Beispiel: Wenn Sie auf derselben Webseite den folgenden Code haben: body{font-size: 10px;} p {font-size: 9px;}, dann sollte die Schriftgröße im <p>-Element der Webseite 9px statt 10px betragen. Aufgrund der Existenz dieser Regel hat html{height:XX px;} natürlich keine Auswirkung, wenn die Gesamthöhe der mittleren Ebene einer Webseite größer ist als der Wert von XX in html{height:XX px;}.

Lösung:

Bei Webseitencodes, die mit einer derartigen Software geschrieben wurden, können unnötige Leerzeichen aus der Webseite entfernt werden, indem in CSS nach der Definition der Ebenen- oder Tabellenhöhe gesucht und anschließend der Höhenwert geändert wird.

<<:  Thumbnail-Hover-Effekt mit CSS3 implementiert

>>:  Detaillierte Einführung in den MySQL Innodb Index-Mechanismus

Artikel empfehlen

Detaillierte Erklärung der MySQL-Datumsadditions- und -subtraktionsfunktionen

1. addtime() Füge die angegebene Anzahl Sekunden ...

Xhtml-Sonderzeichensammlung

Name des Autors: &#160; no-break space = gesc...

Analyse des Parameterübertragungsprozesses des Treibermoduls in Linux

Deklarieren Sie den Parameternamen, den Typ und d...

Zeitleistenimplementierungsmethode basierend auf ccs3

In Webprojekten nutzen wir häufig die Zeitleisten...

So konfigurieren Sie MySQL8 in Nacos

1. Erstellen Sie die MySQL-Datenbank nacos_config...

JavaScript-Entwurfsmuster, Proxy-Muster lernen

Inhaltsverzeichnis Überblick Durchführung Schutz-...

Grundprinzipien des skalierbaren MySQL-Designs

Inhaltsverzeichnis Vorwort 1. Was ist Skalierbark...

JavaScript-Canvas zum Erzielen eines Regentropfeneffekts

In diesem Artikelbeispiel wird der spezifische Co...

Verwenden Sie CSS, um einen 3D-Fotowandeffekt zu erstellen

Verwenden Sie CSS, um eine 3D-Fotowand zu erstell...

Detaillierte Erläuterung der Anwendung der vier Zustände der Hyperverbindung

Obwohl Sie denken, dass es sich möglicherweise um...