Io te la spiego, ma ci sono tante guide in internet e anche molto esaustive, non prendere questo forum come scappatoia per trovare la pappa pronta eh, mi raccomando
Comunque, la proprietà overflow si può usare così:
passo all'esempio pratico così lo capisci subito.
Pensa di avere un div contenente altri due div:
- div contenitore con il background color rosso
- i due div figli in float
Come ben sai mettendo in float due div togli dal normale ciclo del DOM i due div flottati, quindi non vedresti lo sfondo del div rosso, visto che per lui dentro non c'è nessun div.
mettendo la proprietà:
Overflow: hidden
Permetti al div contenitore di "vedere" tutti i div che ha all'interno, anche se sono con una proprietà che gli escludono dal normale funzionamento del DOM.
oltre a "hidden" esistono altri valori da usare, che sono abbastanza intuibili:
- visible: semplicemente il contrario di hidden
- scroll: se dai un valore di altezza al div, dove taglia per esempio un <p> con scroll esce appunto lo scroll
- auto: auto, niente da dire
- initial: mette il div con il valore iniziale
- inherit: eredita lo stesso valore che ha il padre.
Questa è solo una infarinatura, ci sono tante altre cose che puoi fare con l'overflow, sta a te capire cosa