Html 是否可以旋转按钮组并将其固定在窗口侧面

我希望创建一个按钮组，并将其与屏幕左侧对齐。类似的东西

我在这里取得了一些中等程度的成功——使用

-webkit转换原点：0%0%；
-webkit变换：旋转（-90度）

但我无法让它正确放置，按钮组需要指定手动宽度，它位于屏幕外，而不是与主容器齐平

有人有什么建议吗？
最好的方法是围绕左下角旋转，即：

 #sidebar {
     position:relative;
     height:20px;
     margin-left:20px; /* same as height of menu */
     left:-400px; /*same as menu width */
     -webkit-transform: rotate(-90deg); 
     -moz-transform: rotate(-90deg);     }

 #sidebar > sidebar-collapsed-nav {
     width:400px; }

.sidebar-collapsed-nav {
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: 0 100%;
}

而这个属性正在制造问题：（移除它）


.sidebar-expanded {
    padding-left: 10px;
}