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!
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
