Search code examples
htmlcssoverflowvertical-scroll

Vertical scroll on 100% height div

I try to create a horizontal scrollbar in a 100% height div. In jsfiddle, the scrollbar on the right should be only visible in content-table but current the scrollbar scrolls hole page on y-axis and not only in content-table y-axis.

overflow:auto works only on x axis, why not on y?

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

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

Solution

  • That´s because you need a heigth for .content-table try including this CSS height: calc(100% - 100px);