¿Por qué “overflow: scroll” de CSS no funciona y la barra de desplazamiento no aparece?

Añadí overflow: scroll para intentar hacer que aparezca la barra de desplazamiento, pero no funciona y no puedo averiguar dónde está el problema. Por favor, échale un vistazo, ¡muchas gracias!

Además, estoy utilizando MacOS, y no funciona. Pero basado en el mismo código, mi amigo usa el sistema operativo Windows y puede funcionar. Por cierto, todos usamos el navegador Chrome.

¡Esto realmente me confunde! 🙁

ACTUALIZACIÓN: ¿Supongo que MacOS ocultará la barra de desplazamiento por defecto?
Porque basado en el mismo código, MacOS ocultará la barra de desplazamiento y si me desplazo hacia abajo, la barra de desplazamiento aparecerá después. Pero mi amigo está usando Windows, y la barra de desplazamiento siempre aparecerá en la página incluso si él no desplaza hacia abajo.

Aquí está el código.