Semplicemente

Perché ciò che vedi a volte non è tutto.
La proprietà overflow
Quando un elemento è dimensionato in modo esplicito (per esempio div { width: 300px;}) c’è il rischio che non sia sufficientemente ampio per il contenuto.
La proprietà overflow consente di controllare il comportamento del contenuto quando supera le dimensioni del contenitore.
I valori possibili sono:

visible
Il contenuto non [...]

Come controllare il comportamento dei box generati dagli elementi?
Con la proprietà display, ovviamente. I quattro valori più comuni per questa proprietà sono i seguenti (se desideri approfondire consulta la specifica CSS):

block
L’elemento inizia e finisce su una nuova riga, per esempio un paragrafo p.
inline
L’elemento è visualizzato in un box posizionato sulla stessa riga del contenuto precedente, [...]