Почему не работает overflow: scroll для таблицы?

Question

[Ростислав]

https://jsfiddle.net/boarworm/fumzg4m7/

Comments

[Ankhena]

Для .block задавайте ширину (можно в %) или максимальную ширину.
https://jsfiddle.net/f6fpwxqg/

Answer 1

[Андрей Токмаков]

Потому что у Вас у обертки не указана ширина и в итоге она просто тянется на всю возможную ширину

Comments

[Ростислав]

Обертка и должна тянуться/сжиматься в зависимости от размера экрана.

[Андрей Токмаков]

Ростислав: Тогда не понятно, что Вы пытаетесь получить

[Ростислав]

Пытаюсь получить адаптивную таблицу. Обертка резиновая. Когда таблица не вмещается в обертку, то появляется скролл.

[Андрей Токмаков]

Ростислав: Ну в Вашем примере, что бы при overflow: auto появлялась прокрутка, нужно что бы у блока была ширина, а если ее нету он и тянется на сколько хочет, без всяких полос прокруток

Answer 2

[Михаил Захаров]

Работает. Просто таблице нужно принудительно указать ширину или высоту. В вашем примере измените overflow: auto на overflow: scroll и допишите width: 100px;, например.

Comments

[Ростислав]

Обертка должна быть резиновой, ей нельзя указывать ширину.

[Михаил Захаров]

Ростислав: тогда укажите max-width: 1000px;, например, и она будет тянутся до этого размера, а потом уже если влезать не будет, то появится прокрутка. Также можно указать в процентах.