Только горизонтальная прокрутка div

#html

Всем привет!
Подскажите как сделать только горизонтальную прокрутку?
Я делаю:

   
Sect 1
   
Sect 2
   
Sect 3


При этом внутренние секции добавляются динамически, но скролл происходит только вертикально
после заполнения внешнего блока по горизонтали. А мне надо, чтобы внутренние секции
располагались по горизонтали, и скроллинг внешнего блока происходил только по горизонтали.    

Ответы

Ответ 1

Вот как это делается, господа: http://jsfiddle.net/yeo0m0dk/

Ключевые моменты: display: inline-block; внутренние элементы, и white-space: nowrap;
родителю.

Для того чтобы между inline-block элементами не было лишнего расстояния, можно так-же
добавить родителю: font-size: 0;.



.parent {
    width: 400px;
    height:80px;
    overflow: hidden;
    overflow-x: scroll;
    background: yellow;
    white-space:nowrap;
}

.child {
    display: inline-block;
    vertical-align: top;
    width: 60px;
    height:60px;
    background: red;
}

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    




Ответ 2

Чтобы внутренние секции располагались по горизонтали надо добавить в style "display:inline;"
для каждой внутренней секции.


Ответ 3

Надо добавить в style "overflow-x:scrolll;overflow-y:hidden;max-height: высота блока;"


Ответ 4

Сделай внутренние секции в виде списка
 

    
Содержимое 1
    
Содержимое 2
    
Содержимое 3
    
Содержимое 4
 

А потом задайте в цсс для каждого .element { display: table-cell}