Такая вот дилемма:
Есть несколько блоков, один под другим, и в двух нижних (subheader и main) содержимое выходит за рамки вьюпорта по ширине (так надо). Но надо еще и сделать так, чтобы ширина этих элементов не "обрезалась" на ширине вьюпорта, а была как бы динамической и равнялась суммарной ширине их содержимого. Высчитывать ширину и задавать вручную как то не комильфо. Как сделать так, чтобы родитель расширялся автоматически и шире, чем ширина экрана?
https://jsfiddle.net/9ma47729/3/ 
