html - 100% の高さ div での垂直スクロール

Question

高さ 100% の div に水平スクロールバーを作成しようとしています。jsfiddle では、右側のスクロールバーはコンテンツ テーブルにのみ表示される必要がありますが、現在のスクロールバーは、コンテンツ テーブルの y 軸だけでなく、y 軸のホール ページをスクロールします。

overflow:auto は x 軸でのみ機能しますが、y 軸では機能しないのはなぜですか?

.content-table {
  white-space: nowrap;
  overflow: auto;
}

https://jsfiddle.net/mnlfischer/4g979nym/1/