Wie schreibe ich links schwebendes CSS?

Float-Attribut im CSS-Stil wird verwendet, um das schwebende Layout von Beschriftungsobjekten festzulegen (z. B.

Beschriftungsfeld, Beschriftung, Beschriftung, 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.

Die Rolle von Float

Definieren Sie Float (Float) über CSS, damit der Ebenenblock im Div-Stil nach links oder rechts (lean) schweben kann.

Auf Float folgen oft die Attributwerte left, right, none

Float:none Kein Floating verwenden

Float:left Float nach links

Float:right Right float

Float-Syntax:

Float: none | left |right

Parameterwert:

keine: Das Objekt schwebt nicht

links: Objekt schwebt auf der linken Seite

rechts: Objekt schwebt auf der rechten Seite

Fall:

Wir richten eine Box ein. Es gibt zwei schwebende Boxen, eine rechts und eine links. Um den CSS-Floating-Layouteffekt intuitiv zu sehen, legen wir eine bestimmte Breite, Höhe und einen bestimmten Rand für die beiden Boxen fest .

1. Haupt-HTML-Code-Snippet:

<div class="divcss5"> 
    <div class="divcss5_left">布局靠左浮动</div> 
    <div class="divcss5_right">布局靠右浮动</div> 
    <div class="clear"></div><!-- html注释：清除float产生浮动 --> 
</div>

2、css代码片段：
.divcss5{ width:400px;padding:10px;border:1px solid #F00} 
.divcss5_left{ float:left;width:150px;border:1px solid #00F;height:50px} 
.divcss5_right{ float:right;width:150px;border:1px solid #00F;height:50px} 
.clear{ clear:both}

Das obige ist der detaillierte Inhalt vonWie schreibe ich links schwebendes CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten：

css

Quelle：php.cn

Vorheriger Artikel：So verwenden Sie das CSS-Attribut „Hanging-Interpunktion“. Nächster Artikel：So verwenden Sie das CSS-Attribut „Outline-Style“.

Erklärung dieser Website

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

Neueste Artikel des Autors

• So bestimmen Sie den String-Typ in Python
  2019-06-20 10:20:19
• So definieren Sie Ganzzahlen in Python
  2019-06-20 10:15:07
• So verwenden Sie Jam in Python
  2019-06-20 10:08:31
• Wo befindet sich Leerlauf im Python-Installationspaket?
  2019-06-20 10:01:17
• Wo ist die Python-Dokumentation?
  2019-06-20 09:34:05
• So zeichnen Sie eine Niederschlagskarte in Python
  2019-06-21 15:03:24
• Wie man mit Python mobile Apps entwickelt
  2019-06-19 09:41:36
• Was sind die Python-Programmiertools?
  2019-06-19 09:33:54
• Wo kann man Python herunterladen?
  2019-06-19 09:26:29
• Wo ist die Idee, die mit Python geliefert wird?
  2019-06-19 09:18:16

Aktuelle Ausgaben

Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen

Aus 2024-04-16 10:10:18

0

0

1335

Die Seite kann plötzlich weder CSS noch Bootstrap abrufen Ich entwickle also eine Seite, einen Teil davon habe ich gestern gemacht und es hat großar...

Aus 2024-04-06 21:58:04

0

1

800

Ändern Sie Inline-CSS-Stile in Javafx dynamisch Ich versuche, das Hintergrundbild eines Bereichs zu ändern, wenn die Anwendung maximiert i...

Aus 2024-04-06 20:57:16

0

1

487

Wie kann man schwebende Elemente in CSS vertikal statt horizontal stapeln lassen? Ich versuche, eine Webseite mit zwei Spalten zu erstellen, mit Hauptinhalt auf der einen S...

Aus 2024-04-06 20:45:26

0

2

386

Gibt es eine Möglichkeit, die vertikale Zentrierung des Texts in der Flexbox zu erzwingen, unabhängig davon, welchen anderen CSS-Code wir haben? Ich habe den folgenden CSS-Code, der Teil eines größeren CSS-Codes ist, der in einer Websi...

Aus 2024-04-06 20:41:51

0

1

518

verwandte Themen

Mehr>

• CSS
• CSS-zentriert
• So fügen Sie Bilder in CSS ein
• CSS außerhalb der Anzeige ...
• CSS-Schriftfarbe
• Was ist CSS?
• Wie schreibe ich ein Dreieck in CSS?
• CSS-Textfarbe festlegen