页面旋转-90°宽度=高度

Question

这是一个愚蠢的问题。

我正在旋转div -90°，如何将该div的宽度设置为页面的高度？如果我通常这样做它会保持屏幕的宽度并且它会一直垂直滚动，我想要的只是水平滚动。

-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
-webkit-transform: rotate(-90deg) translateZ(0px);
-moz-transform: rotate(-90deg) translateZ(0px);
-ms-transform: rotate(-90deg) translateZ(0px);
-o-transform: rotate(-90deg) translateZ(0px);

https://jsfiddle.net/n2z51je7/

谢谢！