So ersetzen Sie eine Auto-Scroll-Balken in CSS

Eine Bildlaufleiste ist der horizontale oder vertikale Bar können, die Sie mit Blättern, die auf Webseiten zusätzliche Inhalte zu sehen, wenn sie nicht in einem Gebiet passt. Cascading Style Sheets (CSS) können Sie um den HTML-Code für ein Auto-Scroll-Balken zu ersetzen. Dies ist hilfreich, denn CSS kann automatisch hinzufügen oder Entfernen von Bildlaufleisten nach Bedarf zum Anzeigen des Inhalts in einer geschachtelten Gegend, statt dass Sie angeben müssen, welche Bildlaufleisten vor der Zeit enthalten.

Anweisungen

1 Öffnen Sie Ihre CSS-Datei in einem Texteditor wie Windows Notepad.

2 Hinzufügen einer neuen CSS-Formatvorlage zuzuweisen "Überlauf" Attribut mit dem Wert "Auto" und fügen Sie alle zusätzlichen Eigenschaften. Geben Sie z. B. "Div_auto_scrollbar {Overflow: auto; Breite: 100px; Höhe: 200px; }". Überlauf gibt, was der Browser tun soll, wenn der Inhalt nicht in einer Box mit beschränkter Größe passt. Die Einstellung "Auto" fügt automatisch eine horizontale oder vertikale Bildlaufleiste angezeigt, falls erforderlich. Die Attribute Width und Height sind optional und geben Sie die Größe Ihrer Content-Box.

3 Speichern Sie und schließen Sie Ihre CSS-Datei.

4 Öffnen Sie Ihre Web-Seite HTML-Quelldatei.

5 Entfernen Sie den HTML-Code, der zuvor die Bildlaufleiste behandelt und ersetzen Sie ihn durch eine Division (Div), mit dem Namen Ihrer neuen CSS-Klasse. Geben Sie z. B. "< Div Class ="Div_auto_scrollbar"> Content Here. < / Div >". Das Webbrowser zeigt nun nur ein Scroll-Balken für den Inhaltsbereich bei Bedarf.

6 Speichern Sie die HTML-Quelldatei.