Warum erstellen nicht „sichtbare' Überlaufwerte in CSS2.1 neue Blockformatierungskontexte?

Warum definiert CSS2.1 andere Überlaufwerte als „sichtbar“, um einen neuen Blockformatierungskontext einzurichten?

Verstehen des Problems:

CSS2.1 gibt an, dass andere Überlaufwerte als „sichtbar“ einen neuen „Blockformatierungskontext“ (BFC) erstellen. Diese Definition wirft jedoch Bedenken auf, da der Überlauf den Überlauf verbergen soll, ohne das Layout zu ändern.

Die Begründung hinter der Entscheidung:

Die Begründung dieser Spezifikation dreht sich in erster Linie um die Auswirkungen beim Scrollen von Inhalten. Ohne diese Regel würde ein Float, der sich mit einem scrollbaren Element schneidet, erfordern, dass der Browser den Inhalt während des Scrollens ständig neu umbricht, was die Leistung erheblich beeinträchtigt.

Auswirkungen auf das Scrollen:

Hier wie sich diese Entscheidung auf verschiedene Überlaufwerte auswirkt:

• Überlauf: automatisch oder scroll: In diesem Fall kann der Inhalt scrollen, aber keine Floats überschneiden. Dadurch wird verhindert, dass Inhalte beim Scrollen durch Floats verdeckt werden.
• Überlauf: ausgeblendet: Inhalte können zwar nicht sichtbar gescrollt werden, können aber dennoch über JavaScript gescrollt werden. Überlauf: Ausgeblendet verhindert auf ähnliche Weise, dass Floats den Inhalt überschneiden.

Konsistenz und Boxverhalten:

Das Einrichten eines BFC für andere Überlaufwerte als „sichtbar“ stellt die Konsistenz sicher . Es drückt die gesamte Box vom Schwimmer weg, um einen freien Weg zu schaffen. Dies geschieht unabhängig von eindeutigen Eigenschaften. Darüber hinaus kann ein Blockformatierungskontextstamm (z. B. ein Element mit overflow: auto), der durch overflow erstellt wurde, aufgrund der in CSS2.1 eingeführten Änderungen vertikal gestreckt werden, um die Höhe seiner Floats anzupassen.

Das obige ist der detaillierte Inhalt vonWarum erstellen nicht „sichtbare' Überlaufwerte in CSS2.1 neue Blockformatierungskontexte?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!