Sí, los divs hijos pueden usar
float: left;
, pero debes tener en cuenta que el comportamiento cambiará un poco. Los elementos flotantes son sacados del flujo de documentos normales, lo que puede provocar que el padre no reconozca el ancho completo de los elementos flotantes para el scrolling.
Una solución a esto es usar una técnica conocida como "clearfix", que forzará al elemento padre a tomar en cuenta a los elementos flotando. Aquí te dejo un ejemplo:
HTML:
<div style="width:100%; overflow-x: auto; clear:both;">
<div style="width:200px; float: left;">Contenido 1</div>
<div style="width:200px; float: left;">Contenido 2</div>
<div style="width:200px; float: left;">Contenido 3</div>
<div style="width:200px; float: left;">Contenido 4</div>
<div style="clear: both;"></div>
</div>
El último div con
clear: both;
es el "clearfix". Este fuerza a que el div padre tome en cuenta el ancho de los elementos flotantes.