So löschen Sie Float in CSS-CSS-Tutorial-php.cn

So löschen Sie Float in CSS

coldplay.xixi

Freigeben： 2023-01-05 16:09:14

Original

3311 Leute haben es durchsucht

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; }].

So löschen Sie Float in CSS

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>

Nach dem Login kopieren

Rendering:

So löschen Sie Float in CSS

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!