clear: beide oder Überlauf: auto, was ist besser?

Question

Ich verstehe nicht wirklich, was ist der Unterschied zwischen clear: both und overflow: auto

ich es getestet und die Funktionalität funktioniert auf die gleiche Art und Weise, würde jemand erklären, warum diese beiden Werke die gleiche Art und Weise?

Von dem, was ich in einigen Artikeln und Fragen gesehen habe,

Überlauf: Auto kann mit Schwimmern im Innern in einem Behälter verwendet werden. und es braucht keinen Platz um ein leeres div zu benutzen.

Noch habe ich Zweifel daran, es könnte meine Codes in der Zukunft vermasselt.

Hier sind die Liste der Fragen, die meiner Frage ähnlich ist. Aber es hat keine Antwort auf meine Frage, wahrscheinlich ist es für mich vage.

hr clear vs div clear. Which is better?

3 column html template - content overflows though there is clear both and height is 100%

Answer 1

overflow: auto (oder hidden) ist nicht akzeptabel mindestens in Fällen, wo die Behälter eine festgelegte Höhe aufweist, da dies eine scrollbar erzeugen wird (oder die überquellenden Inhalt verbergen).

http://jsfiddle.net/xSzcC/

Float Clearing soll ohnehin durch die clear Regel erfolgen.

Clear-Befestigung für moderne Browser ist very easy now.

http://jsfiddle.net/xSzcC/1/

Bei Link rot, ist der Funktionsteil:

.cf:before, 
.cf:after { 
    content:""; 
    display:table; 
} 

.cf:after { 
    clear:both; 
}