Wie werden in einem CSS-Div-Element nur horizontale Bildlaufleisten angezeigt?

So zeigen Sie horizontale Bildlaufleisten nur in einem CSS-Div-Element an

Sie haben einen Div-Container mit dem folgenden CSS-Stil:

div#tbl-container 
{
    width: 600px;   
    overflow: auto;    
    scrollbar-base-color:#ffeaff
}

Dieser Stil zeigt automatisch sowohl horizontale als auch vertikale Bildlaufleisten an, wenn Sie die im div enthaltene Tabelle füllen. Sie möchten jedoch, dass nur horizontale Bildlaufleisten automatisch angezeigt werden, sodass Sie die Höhe der Tabelle programmgesteuert ändern können.

Das erwartete Verhalten besteht darin, horizontale Bildlaufleisten nur dann zu haben, wenn der Inhalt groß genug ist, um sie zu erfordern. Aufgrund eines Fehlers tritt dieses Problem jedoch hauptsächlich im Internet Explorer (IE) auf. Die Überprüfung in anderen Browsern wie Firefox hilft, das Problem einzugrenzen.

Ab IE6-7 haben Sie die Möglichkeit, Bildlaufleisten mithilfe der vorgeschlagenen CSS3-Erweiterung unabhängig festzulegen:

overflow: auto;
overflow-y: hidden;

Für IE8-Kompatibilität , müssen Sie möglicherweise auch Folgendes hinzufügen:

-ms-overflow-y: hidden;

Microsoft trennt Eigenschaften vor dem CR-Standard in ihre eigenen „-ms“ Box im IE8-Standardmodus.

Letztendlich hat IE8 diesen Fehler möglicherweise behoben, aber die Verwendung dieser Eigenschaften bietet eine Problemumgehung für IE6-7 oder früher.

Das obige ist der detaillierte Inhalt vonWie werden in einem CSS-Div-Element nur horizontale Bildlaufleisten angezeigt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!