css - 使用 CSS3 转换将 DIV 放在一边

Question

我有一个菜单必须出现在侧面旋转 -90 度，如下所示。

注意:DIV 有一个动态宽度，所以我们不能旋转它然后使用 top:-XX 将它移到左边或顶部。

#rotateme {
    -webkit-transform: rotate(-90deg); 
    -webkit-transform-origin: 0 0; 
    position: absolute; 
    top: 250px; /*not going to work with dynamic width */
    left: 0px; 
}

我尝试了很多使用 CSS3 transformation 和 transformation-origin 的方法，但没有任何组合能让我达到目的。

我在这里创建了一个 fiddle ( http://jsfiddle.net/P2UQy/8/ )，它随机创建 div 的内容(动态宽度)。此 fiddle 还包括使用 CSS3 变换进行旋转的失败尝试。

任何人都可以像上图所示那样工作吗？如果需要，请随意添加更多容器/包装器。

Answer 1

我已经更新了你的 fiddle .希望它能奏效。