Как организовать несколько элементов <div> бок о бок без обертки

В контейнере div есть три div-элемента, меньшая ширина, чем у детей. ширина. Здесь вы можете найти Fiddle of the case:

Я хочу, чтобы контейнер div div прокручивался горизонтально, чтобы показать других детей.

Как я могу устраивать дочерние элементы, чтобы они не включались в контейнер div? Теперь он прокручивается вертикально, я хочу, чтобы он прокручивался по горизонтали.

Ответы

Ответ 1

Измените float: left на display: inline-block; и добавьте white-space: nowrap в контейнер.

Ответ 2

Вам понадобится еще div в прокрутке div, которая имеет общую ширину, равную ширине всех ее дочерних элементов.

Смотрите: http://jsfiddle.net/joshdavenport/SasDh/2/

Там уже был добавлен div, поэтому я использовал этот

Бонус: Чтобы избавиться от вертикальной полосы прокрутки, используйте overflow-y: hidden. См.: http://jsfiddle.net/joshdavenport/SasDh/3/

Ответ 3

Тег <span> используется для группировки встроенных элементов в документе.
(источник)