chiaro: entrambi o overflow: auto, che è meglio?

Question

Io davvero non capisco che cosa è la differenza tra clear: both e overflow: auto

ho testato fuori e la funzionalità funziona allo stesso modo, qualcuno dovrebbe spiegare perché quei due funziona allo stesso modo?

Da quello che ho visto in alcuni articoli e domande,

overflow: auto può essere utilizzato in un contenitore con i galleggianti al suo interno. e non occupa spazio per utilizzare un div vuoto.

Ancora, ho dei dubbi, potrebbe rovinare i miei codici in futuro.

Ecco l'elenco di domande simile alla mia domanda. Tuttavia, non ha la risposta alla mia domanda, probabilmente è vaga per me.

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 (o hidden) non è accettabile almeno nei casi in cui il contenitore ha un'altezza insieme come questo genererà una barra di scorrimento (o nascondere il contenuto traboccante).

http://jsfiddle.net/xSzcC/

Float compensazione è destinato ad essere fatto dalla regola clear comunque.

Il fissaggio chiaro per i browser moderni è very easy now.

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

In caso di collegamento marciume, la parte funzionale è:

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

.cf:after { 
    clear:both; 
}