Die Möglichkeit, das Floating in CSS zu deaktivieren, besteht darin, dem Element das Attribut „clear“ hinzuzufügen und den Attributwert auf „none“ zu setzen, z. B. [clear:both;]. Das Attribut „clear“ gibt an, dass auf einer bestimmten Seite des Elements keine anderen schwebenden Elemente zulässig sind.
Die Betriebsumgebung dieses Artikels: Windows 10-System, CSS 3, Thinkpad T480-Computer.
Es gibt ein Attribut „clear“ in CSS, das angibt, auf welcher Seite des Elements keine anderen schwebenden Elemente zulässig sind.
Allgemeine Attributwerte sind:
left Floating-Elemente sind auf der linken Seite nicht zulässig.
right Auf der rechten Seite sind keine schwebenden Elemente zulässig.
Beide Floating-Elemente sind auf der linken und rechten Seite nicht zulässig.
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.
Ein kleines Beispiel:
<html> <head> <style type="text/css"> img { float:left; clear:both; } </style> </head> <body> <img src="/i/eg_smile.gif" /> <img src="/i/eg_smile.gif" /> </body> </html>
Verwandte Videofreigabe: CSS-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo schließen Sie Float in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!