Der Weg, Floats in CSS zu löschen, besteht darin, das Clear-Attribut zum Löschen von Floats zu verwenden. Das Clear-Attribut definiert, welche Seite des Elements keine Floating-Elemente haben darf. Der Code ist [img{float:left;clear:both; }].
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3-Version, DELL G3-Computer.
So löschen Sie Floats in CSS:
CSS kann das Clear-Attribut verwenden, um Floats zu löschen. Das Attribut „clear“ wird wie folgt eingeführt: Das Attribut
clear definiert, welche Seite des Elements keine schwebenden Elemente enthalten darf. In CSS1 und CSS2 wurde dies durch automatisches Hinzufügen eines oberen Rands zu klaren Elementen (d. h. Elementen mit dem Eigenschaftssatz „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.
Attributwert:
left Floating-Elemente sind auf der linken Seite nicht zulässig.
right Floating-Elemente sind auf der rechten Seite nicht erlaubt.
Beide erlauben keine schwebenden Elemente auf der linken und rechten Seite.
kein Standardwert. Ermöglicht die Anzeige schwebender Elemente auf beiden Seiten.
inherit gibt an, dass der Wert des Clear-Attributs vom übergeordneten Element geerbt werden soll.
Verwenden Sie das Attribut „clear“, um Floats zu löschen. Beispiel:
Floating-Elemente sind auf der linken und rechten Seite des Bildes nicht zulässig:
<html>
<head>
<style type="text/css">
img
{
float:left;
clear:both;
}
</style>
</head>
<body>
<img src="/i/eg_smile.gif" / alt="So löschen Sie Float in CSS" >
<img src="/i/eg_smile.gif" / alt="So löschen Sie Float in CSS" >
</body>
</html>Rendering:
Verwandte Tutorial-Empfehlungen: CSS Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo löschen Sie Float in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
