Примерно такая структура ->
<div class='wrapper'>
<div class='header'>{...}</div>
<div class='body'>{...}</div>
</div>
Ссылка на песочницу
Мне нужно чтобы вертикальный скролл был в контейнере body, а горизонтальный во wrapper контейнере
Сейчас получается при добавлении вертикального скролла в body в нем автоматически появляется горизонтальный. При попытке скрыть горизонтальный скролл ( overflow-x: hidden ) body обрезается и горизонтальный скролл в родителе на него не срабатывает
Как можно такое реализовать ?
Если делать не на дивниках, а использовать табличные теги, то получается реализовать
Пример таблицы с желаемым поведением 
