Überlauf: Versteckt funktioniert nicht mit HTML5 in CSS

July 2

Hypertext Markup Language HTML und Cascading Style Sheets oder CSS, sind beide Sprachen, die von Web-Designern verwendet werden, um attraktive und funktionelle Websites erstellen. Der HTML-Code definiert die physischen Teile und Inhalte innerhalb einer Website, wie z. B. Text, Links und Div-Blöcke. Die CSS definiert die Stil und Layout-Eigenschaften für den Inhalt dieser Seiten, wie Linkfarbe, Textstil und Inhalt Stellung. Die "Überlauf: versteckte"-Eigenschaft definiert die Art und Weise ein bestimmter Codeblock Inhalt auf Ihrer Website zeigt.

Über

Website-Designer verwenden die Overflow: hidden-Eigenschaft beim Arbeiten mit HTML Div-Blöcke. Wenn der Inhalt in einem Div mit fester Größe-Block über die Breite oder Höhe des Blocks hinausgeht, werden diese Inhalte noch standardmäßig angezeigt. Wenn Sie den Überlauf zuweisen: verborgene Eigenschaft auf den Block, alle Inhalte, die die Grenzen des Div-Blocks überläuft wird innerhalb des Blocks versteckt. Der Block zeigt auch keine Bildlaufleisten Sie blättern, um den versteckten Inhalt sehen können.

Verwendung

Die Overflow: hidden-Eigenschaft können Sie schwimmende Div-Blöcke ohne Inhalt blockieren überlappende andere Blöcke oder Webseite Strukturen entwerfen. Dadurch können Entwickler Inhalte innerhalb des Blocks, wie zusätzlichen Text oder Schlüsselwörter, die darauf abzielen, Suchmaschinen oder andere online-Anwendungen, sondern als Besucher hinzufügen. Es kann auch Sie versteckte Leistungsindikatoren, Website-Tracker oder Anwendungen auf Ihrer Seite zu platzieren, ohne für die Website-Leser sichtbar zu machen.

Problembehandlung bei

Wenn die Overflow: hidden-Eigenschaft nicht korrekt funktioniert, stellen Sie sicher, dass alle Elemente innerhalb des HTML-Codes korrekt sind. Zeigen Sie die Seite in verschiedenen Browsern, ob das Problem im Zusammenhang mit dem Browser ist. Aber überlaufen: ausgeblendet wird von allen gängigen Browsern unterstützt, einige Browser, wie Internet Explorer, haben Probleme, die den Code anzeigt, wenn die Position des Inhalts absolut ist. Dies bewirkt, dass den Überlauf Inhalt zeigen außerhalb der Box und die verborgene Eigenschaft ignorieren.

Lösung

Wenn das Problem weiterhin besteht, auch dann, wenn Sie versuchen, die Anzeige in verschiedenen Browsern, zeigt dies ein Problem mit Ihren HTML- und CSS-Codierung. Der richtige Code für diese Eigenschaft ist "Überlauf: versteckt;" ohne Leerzeichen zwischen dem Doppelpunkt und die Worte. Hinzufügen, wenn das Problem nur in bestimmten Browsern angezeigt werden, die "Position: relative;" Linie des Kontierungsblocks. Die relative Eigenschaft in diesem Code ermöglicht die Website erkennt die hidden-Eigenschaft und die zusätzliche Inhalte zu verbergen, wie es sein sollte.