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

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



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

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

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

有任何建议吗？

最佳答案

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

关于html - 是否可以旋转按钮组并将其固定在窗口的侧面，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22786387/