Was bedeutet klar in CSS?

Das Attribut „clear“ in CSS steuert die Beziehung zwischen dem Element und den vorherigen schwebenden Elementen: keine: wird nicht von schwebenden Elementen beeinflusst; rechts: löscht rechte schwebende Elemente.

klare Bedeutung in CSS

clear ist eine Eigenschaft in CSS, die die Beziehung eines Elements zum schwebenden Element davor steuert. Wenn ein Element schwebend ist, unterbricht es den normalen Dokumentfluss, sodass nachfolgende Elemente darüber fließen können. Das Attribut „clear“ erzwingt, dass nachfolgende Elemente unterhalb des schwebenden Elements angezeigt werden.

Syntax

<code class="css">clear: none | left | right | both;</code>

Werte

• keine: Elemente werden von vorherigen schwebenden Elementen nicht beeinflusst.
• left: Element löscht das schwebende Element auf der linken Seite.
• right: Element löscht das schwebende Element auf der rechten Seite.
• both: Element löscht die schwebenden Elemente auf der linken und rechten Seite.

Beispiel

<code class="css">.container {
  width: 100%;
}

.float-left {
  float: left;
  width: 50%;
}

.no-clear {
  clear: none;
}

.left-clear {
  clear: left;
}

.right-clear {
  clear: right;
}

.both-clear {
  clear: both;
}</code>

Effekt

• .no-clear löscht die vorherigen schwebenden Elemente nicht, .float-left erscheint in .no-clear. <code>.no-clear 不会清除前面的浮动元素，.float-left 将会出现在 .no-clear 的上方。
• .left-clear 会清除左边的浮动元素，.float-left 将会出现在 .left-clear 的上方。
• .right-clear 会清除右边的浮动元素，.float-left 将会出现在 .right-clear 的下方。
• .both-clear 会清除左右两边的浮动元素，.float-left 将会出现在 .both-clear
.left-clear löscht das linke schwebende Element und .float-left erscheint über .left-clear.

.right-clear löscht das schwebende Element auf der rechten Seite und .float-left erscheint unter .right-clear. .both-clear löscht die schwebenden Elemente links und rechts und .float-left erscheint unter .both-clear.

🎜Verwendung🎜🎜🎜Das Attribut „clear“ wird normalerweise verwendet, um das Layout und die Reihenfolge von Elementen in einem schwebenden Layout zu steuern. Dadurch wird sichergestellt, dass Inhalte nicht durch schwebende Elemente verdeckt oder verdeckt 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!