У меня есть контейнер DIV с фиксированной высотой и шириной (275x1000px). В этом DIV я хочу поместить несколько плавающих DIV с шириной 300 пикселей и иметь горизонтальную (по оси X) полосу прокрутки, чтобы позволить пользователю прокручивать влево и вправо, чтобы просмотреть все.
Это мой CSS:
div#container {
height: 275px;
width: 1000px;
overflow-x: auto;
overflow-y: hidden;
max-height: 275px;
}
div#container div.block {
float: left;
margin: 3px 90px 0 3px;
}
Проблема заключается в том, что плавающие DIVs не будут продолжать ширину контейнера. После размещения трех плавающих DIV они будут продолжать снижаться. Если я изменил overflow-y на auto, появится вертикальная полоса прокрутки, и я могу прокрутить вниз.
Как я могу изменить это, чтобы плавающие DIVs продолжались, не идя под друг друга?