В контейнере div есть три div-элемента, меньшая ширина, чем у детей. ширина. Здесь вы можете найти Fiddle of the case:
Я хочу, чтобы контейнер div div прокручивался горизонтально, чтобы показать других детей.
Как я могу устраивать дочерние элементы, чтобы они не включались в контейнер div? Теперь он прокручивается вертикально, я хочу, чтобы он прокручивался по горизонтали.
Измените float: left на display: inline-block; и добавьте white-space: nowrap в контейнер.
Вам понадобится еще div в прокрутке div, которая имеет общую ширину, равную ширине всех ее дочерних элементов.
Смотрите: http://jsfiddle.net/joshdavenport/SasDh/2/
Там уже был добавлен div, поэтому я использовал этот
Бонус: Чтобы избавиться от вертикальной полосы прокрутки, используйте overflow-y: hidden. См.: http://jsfiddle.net/joshdavenport/SasDh/3/
Тег <span> используется для группировки встроенных элементов в документе.
(источник)