Responsive-таблица + Flexbox

[alex_web64]

Здравствуйте.

Хочу сделать вот такую таблицу со скролом https://www.w3schools.com/howto/howto_css_table_responsive.asp

Все работает, как и в примере https://jsfiddle.net/dvwyLw30/

Но стоить применить для контейнера flexbox (раскомментируйте .container {/*display: flex;*/}), как скролиться начинает уже вся страница, а не таблица. В чем причина? Хочу понять, как это работает. И как мне добиться нужного результата.

[radioactive]

https://jsfiddle.net/dvwyLw30/1/

p.s
чтобы закомментировать отдельно взятый стиль, достаточно поставить * в его начале, например:

*display: flex;