Was tun, wenn die CSS-Seite nicht vollständig angezeigt wird?

Lösungen für unvollständige CSS-Seitenanzeige: 1. Heben Sie den CSS-Höhenstil des Objekts in CSS auf. 2. Reduzieren Sie den Inhalt. 3. Legen Sie den Attributstil „overflow:hidden“ fest, während Sie die Höhe und Breite festlegen.

Die Betriebsumgebung dieses Tutorials: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.

Analyse und Lösungen für die unvollständige Anzeige von Div-CSS-Webseiten

Wenn Ihr Webseitenlayout in IE6 noch nicht aufgegeben wurde, liegt möglicherweise ein Problem der unvollständigen Anzeige von Webseiteninhalten vor. Jetzt werden wir Ihnen davon erzählen die Ursachen dieses Problems und wie man sie löst.

Beim Anzeigen einer Webseite in Browsern niedrigerer Versionen wie IE6 wird der Inhalt häufig vollständig angezeigt, in Browsern IE7 und höher, Firefox und anderen Browsern jedoch unvollständig – DIV CSS-Webseiteninhalt wird unvollständig angezeigt Tutorial.

Der Screenshot des Stils sieht wie folgt aus:

Hinweis: Nur die Hälfte des Inhaltstextes in der letzten Zeile wird angezeigt.

Analyse der Ursachen:

1. Die Breite/Höhe ist in CSS festgelegt

2. Das CSS-Stylesheet-Attribut „Overflow: Hidden“ ist so eingestellt, dass Objekte ausgeblendet werden, die die angegebene Breite und Höhe überschreiten – „CSS Hidden“.

Empfohlen: „CSS-Video-Tutorial“

Lösung:

1. Wenn die Höhe in CSS festgelegt ist

Kündigen Sie den CSS-Stil für die Höhe (Höhe) des Objekts, es ist mit allen Browsern und dem Inhalt kompatibel wird vollständig angezeigt. Wenn das Aufheben der Höhe dazu führt, dass die Ränder des linken und rechten Inhaltsbereichs des Webseitenlayouts falsch ausgerichtet sind, müssen Sie die Höhe nicht aufheben, sondern den Inhalt reduzieren und den unvollständigen Inhalt entfernen.

2. Legen Sie das CSS-Stylesheet-Attribut overflow:hidden fest, um Objekte auszublenden, die die angegebene Breite und Höhe überschreiten.

Im Allgemeinen führt das Festlegen der Höhe und des Overflow:hidden-Stils dazu, dass der Inhalt in IE6 unvollständig angezeigt wird. Die Lösung ist wie im ersten Punkt: Wenn Sie die Höhen- und Breitenbeschränkungen nicht aufheben, können Sie den Inhalt reduzieren.

Warum kann die Anzeige vollständig sein, auch wenn die Höhe in IE6 festgelegt ist, in anderen Browsern jedoch unvollständig?

Antwort: Wenn Sie die Höhe festlegen, Ihr Inhalt jedoch die festgelegte Höhe überschreitet, wird dies aufgrund des IE6-Kernels natürlich der Fall sein Es kann die von Ihnen festgelegte Höhe und Breite überschreiten, in IE7, IE8, Firefox und anderen Browsern jedoch nicht.

Wenn Sie möchten, dass der von Ihnen festgelegte Inhalt die von Ihnen festgelegte Höhe und Breite nicht überschreitet (einschließlich in IE6), können Sie natürlich beim Festlegen der Höhe und Breite den Attributstil „overflow:hidden“ festlegen, sodass er nicht verwendet wird in IE6. Verteilen Sie die von Ihnen festgelegte Höhe und Breite.

Das obige ist der detaillierte Inhalt vonWas tun, wenn die CSS-Seite nicht vollständig angezeigt wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!