Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erklärung der CSS-Floating-Eigenschaft Float? Die umfassendste detaillierte Erklärung von Float in der Geschichte

Detaillierte Erklärung der CSS-Floating-Eigenschaft Float? Die umfassendste detaillierte Erklärung von Float in der Geschichte

云罗郡主
云罗郡主Original
2018-10-19 11:36:193891Durchsuche

Wenn wir CSS-Stile lernen, wissen wir alle, dass CSS ein Box-Konzept ist und jede Box ein Element ist. Im Folgenden erklären wir das CSS-Floating-Attribut Float im Detail, damit Sie Float vollständig verstehen können.

Detaillierte Erklärung der CSS-Floating-Eigenschaft Float? Die umfassendste detaillierte Erklärung von Float in der Geschichte

1: Was ist Float?

Float ist ein Positionierungsattribut in CSS. Wir wissen, dass Text um Bilder herum angeordnet werden kann. Es ist uns egal, wo Bilder erscheinen.

Im Webdesign können wir Floating-Elemente in CSS verwenden:

sidebar { float: right; }

Das Float-Attribut hat jeweils vier verfügbare Werte: „Right“ und „Left“. , wenn Sie nicht schweben möchten, verwenden Sie None, um dies anzugeben. Float kann auch für kleine Layouts verwendet werden, wenn wir die Bildgröße anpassen. Wir müssen die Jedi-Positionierung im Avatar verwenden, um ihn unverändert zu lassen . Der Text ändert sich nicht, wenn sich das Bild ändert.

2: So löschen Sie Float

Clear Float ist die entgegengesetzte Eigenschaft von Float. Solange wir Clear Float festlegen, gibt es keinen Floating-Effekt float wird nach oben schweben, im Gegenteil, die Grenze des Elements kann nach unten schweben. Der Code zum Löschen des Floats lautet wie folgt:

#footer { clear: both; }

Ist das Obige eine detaillierte Erklärung des CSS-Float-Attributs Float? Die umfassendste Einführung in Float in der Geschichte. Wenn Sie mehr über das CSS-Video-Tutorial erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.


Das obige ist der detaillierte Inhalt vonDetaillierte Erklärung der CSS-Floating-Eigenschaft Float? Die umfassendste detaillierte Erklärung von Float in der Geschichte. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn