Der Unterschied zwischen clear:both und flat:none in CSS

Um es einfach auszudrücken:
1.clear:both soll verhindern, dass die Elemente vor und nach dem Floating-Element durch Floating beeinflusst werden.
2.float:none soll verhindern, dass die untergeordneten Elemente das erben Floating-Effekt des übergeordneten Elements.

clear:both; soll verhindern, dass sich der Floating-Inhalt auf andere Tags auswirkt.
float:none; Da es sich jedoch um ein Steuerelement oder einen öffentlichen Stil handelt, hat eine Änderung größere Auswirkungen. Verwenden Sie daher float:none, um den ursprünglichen Stil zu überschreiben.
Ich weiß nicht, ob ich das verstehen kann, es ist am besten, ein Beispiel zu haben.

Für Anfänger: Wenn Sie Float verwenden, verwenden Sie Clear.

.C-lr{
clear:both;
height:0px;
width:auto;
font-size:0px;
line-height:0px;
visibility:hidden; 
border:0px;
}

Wenn Sie weiter lernen, können Sie die Verwendung von Clear vermeiden.

Float :none ? Warum es verwenden?

Die beiden sind unterschiedlich, float: none; das ausgewählte Element schwimmt nicht; 🎜>Mit anderen Worten, klar: float;Was ist das? Ich habe es nicht gesehen. . .

clear hat vier Werte:

none: lässt schwebende Objekte auf der linken und rechten Seite zu;

both: lässt keine schwebenden Objekte auf der linken und rechten Seite zu

links: Schwebende Objekte sind auf der linken Seite nicht erlaubt;

rechts: Schwebende Objekte sind auf der rechten Seite nicht erlaubt.

clear:left|right|both, löscht die Auswirkungen des Floatings, löscht nicht das Floating.

Das obige ist der detaillierte Inhalt vonDer Unterschied zwischen clear:both und flat:none in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!