Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Was bedeutet klar in CSS?

下次还敢
Freigeben: 2024-04-26 11:15:21
Original
817 Leute haben es durchsucht

Das Attribut „clear“ in CSS wird verwendet, um den Bereich um schwebende Elemente zu steuern und die Positionierungsmethode nachfolgender Elemente anzugeben. Es hat drei Werte: links, rechts und beide, die verwendet werden, um von links, rechts oder links zu beginnen rechte Seite des schwebenden Elements bzw. Positionierung nachfolgender Elemente.

Was bedeutet klar in CSS?

Was bedeutet klar

klar in CSS? Die Eigenschaft

clear wird verwendet, um den Bereich um schwebende Elemente herum zu steuern. Es gibt an, wie nachfolgende Elemente positioniert werden, wenn ein schwebendes Element angetroffen wird.

Detaillierte Erklärung:

Floating-Elemente lösen sich vom normalen Dokumentenfluss und werden an den Rändern ihrer übergeordneten Elemente angeordnet. Das Attribut „clear“ ermöglicht es nachfolgenden Elementen, schwebende Elemente zu überspringen, anstatt sie zu umgeben.

Es gibt drei klare Werte:

  • links: Das Element beginnt auf der linken Seite des schwebenden Elements
  • rechts: Das Element beginnt auf der rechten Seite des schwebenden Elements
  • beide: Das Das Element beginnt auf der linken und rechten Seite des schwebenden Elements. Erste Schritte

Verwendungsbeispiel:

<code class="css"><div class="container">
  <div class="float-left">浮动元素</div>
  <div class="clear"></div>
  <div>后续元素</div>
</div></code>
Nach dem Login kopieren

Im obigen Beispiel wird auf die .clear-Klasse das Attribut „clear: Both;“ angewendet. Dadurch beginnen nachfolgende Elemente links und rechts vom schwebenden Element, wodurch eine Lücke entsteht, sodass nachfolgende Elemente nicht vom schwebenden Element umschlossen werden.

Das obige ist der detaillierte Inhalt vonWas bedeutet klar in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!