Beschriftung und andere HTML-Beschriftungen). ), Floating ist das, was wir Beschriftungsobjekte nennen, die nach links schweben (float:left) und nach rechts schweben (float:right).
Was bedeutet Float?
float bedeutet schwebend, und ins Chinesische übersetzt bedeutet es auch schwebend. Lesen Sie das Float-Handbuch im entsprechenden CSS-Handbuch, um grundlegende Informationen zu Float zu erhalten.
Die Rolle von Float
Die Definition von Float (Floating) über CSS ermöglicht es dem Ebenenblock im Div-Stil, nach links oder rechts zu schweben (anzulehnen).
Float-Floating-Tutorial-Verzeichnis
Float-Syntax
Float-Anwendung und -Verwendung
Float-Floating-Groß-/Kleinschreibung
CSS-Floating für andere Anwendungen
CSS-Float-Zusammenfassung
Float-Syntax
Auf Float folgen häufig die Attributwerte left, right, none
Float:none Verwenden Sie kein Float
Float: left Float nach links
Float:right Float nach rechts
Float-Syntax:
float: none | left |right
Parameterwert:
keine: Das Objekt schwebt nicht
links: Das Objekt schwebt auf der linken Seite
rechts: Das Objekt schwebt auf der rechten Seite
Als nächstes erklären wir Float anhand eines Div+CSS-Beispiels. Anwendungstipps.
Float-Anwendung und -Verwendung
Float wird verwendet, um den linken und rechten Floating-Stil von Objekten festzulegen. Es kann das erreichen, was wir brauchen, um DIV, SPAN und andere Beschriftungen nach links und rechts schweben zu lassen.
Einfache Syntax zur Verwendung von
div{float:left} /* CSS-Kommentar: Setzt das Div-Objekt so, dass es nach links (links) schwebt */
div{float :right} / * CSS-Kommentar: Stellen Sie das Div-Objekt so ein, dass es nach rechts (rechts) schwebt rechts und eines links. Um den CSS-Floating-Layout-Effekt intuitiv zu sehen, legen wir eine bestimmte Breite, Höhe und einen bestimmten Rand für die beiden Boxen fest.
1. Haupt-HTML-Codeausschnitt:
Layout auf der linken Seite Floating
Layout nach rechts schwebend
< div>
2 { width:400px;padding:10px;border:1px solid #F00}
.div _left{ float:left;width:150px;border:1px solid #00F;height:50px}
.div _right{ float:right;width:150px;border:1px solid #00F;height:50px}
.clear{ clear:both}
Die Float-Verwendung der CSS-Operation DIV ist wie folgt Es gibt so viele, Freunde, die sie brauchen, können sie speichern, und achten Sie bitte weiterhin auf andere Updates auf dieser Website.
Verwandte Lektüre:
So legen Sie die minimale und maximale Breite von CSS fest
Welche Funktion hat der CSS-Rand?
Wie man in CSS3 abgerundete Ecken erstellt
Das obige ist der detaillierte Inhalt vonCSS-Float-Nutzung für den Betrieb von DIV. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
