So löschen Sie das schwebende Links- und Rechts-Floating in CSS

In CSS können Sie das Attribut „clear“ verwenden, um linke und rechte schwebende Elemente zu löschen. Die Funktion dieses Attributs besteht darin, anzugeben, welche Seite des Elements keine anderen schwebenden Elemente zulässt. Es ist auf der linken und rechten Seite des Elements nicht zulässig, d. h. das Löschen linker und rechter Gleitkommazahlen hat die Syntax „element {clear:both;}“.

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

So löschen Sie linke und rechte Floats in CSS

Um in CSS linke und rechte Floats zu löschen, müssen Sie das Clear-Attribut übergeben, das angibt, welche Seite des Elements keine anderen Floating-Elemente zulässt . Das Attribut „clear“ definiert, welche Seiten des Elements keine schwebenden Elemente enthalten dürfen. In CSS1 und CSS2 wurde dies durch automatisches Hinzufügen eines oberen Rands zu klaren Elementen (d. h. Elementen mit der Eigenschaft „clear“) erreicht. In CSS2.1 wird über dem oberen Rand des Elements Freiraum hinzugefügt, der Rand selbst ändert sich jedoch nicht. Unabhängig von der Änderung ist das Endergebnis dasselbe. Wenn es als links oder rechts klar deklariert wird, liegt der obere Rand des Elements knapp unter dem unteren Rand des schwebenden Elements auf dieser Seite.

Unter ihnen:

Das Beispiel ist wie folgt:

Ausgabeergebnis:

(Lernvideo-Sharing:

CSS-Video-Tutorial

)

Das obige ist der detaillierte Inhalt vonSo löschen Sie das schwebende Links- und Rechts-Floating in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!