html - 是否可以旋转按钮组并将其固定在窗口的一侧

Question

我想创建一个按钮组并将其与屏幕的左侧对齐。与此类似。

我在这里取得了一定的成功 - http://jsfiddle.net/5KQNP/使用

-webkit-transform-origin: 0% 0%; -webkit-transform: 旋转(-90deg);

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

有人有什么建议吗？

Answer 1

 #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; }