Wie loswerden Sie die horizontale Bildlaufleiste auf einer Webseite?
Wenn Sie Ihre Webseite für eine größere Bildschirmauflösung entwerfen und Ihre Website auf einer kleineren Auflösung zeigt, werden horizontale und vertikale Bildlaufleisten automatisch angezeigt. Glücklicherweise, wenn Sie nur die horizontale Scroll loszuwerden lieber, haben Sie die Möglichkeit dazu mit Cascading Style Sheets (CSS). Verstehen Sie, Anwenden von CSS zu den vorhandenen HyperText Markup Language (HTML) Code eine Regel erzwingen, die gerade diese unteren Leiste beschränkt.
Anweisungen
1 Text-Editor-Programm Ihres Computers zu bringen Sie und öffnen Sie das Webseite Dokument, das die horizontale Bildlaufleiste hat.
2 Positionieren Sie den Cursor vor die Endung "< / Head >" Element am Anfang der Datei, und geben Sie den folgenden CSS-Code:
< Typ style = "Text/Css" >
< / style >
3 Geben Sie "Körper {}" zwischen den Style-Tags und "Überlauf-x: versteckt;" zwischen den geschweiften Klammern. Zur Veranschaulichung:
Körper {Überlauf-x: versteckt;}
Der Körper steuert Ihre gesamte Web-Seite und das Überlauf-X-Attribut weist den Browser an die horizontale Leiste nur loswerden.
4 Speichern Sie die Datei. Ihre komplette CSS-Code sieht nun folgendermaßen aus:
< Typ style = "Text/Css" >
Körper {Überlauf-x: versteckt;}
< / style >
Tipps & Warnungen
- Wenn Sie die horizontale und vertikale Bildlaufleisten loswerden möchten, ändern Sie das Attribut "Overflow-X", "überläuft", wie im folgenden Beispiel:
- Körper {Überlauf: hidden;}