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 変換と変換元を使用して多くのことを試しましたが、どの組み合わせも使用できませんでした。

ここで、div のコンテンツをランダムに作成するフィドル ( http://jsfiddle.net/P2UQy/8/ ) を作成しました (動的な幅)。このフィドルには、CSS3 変換を使用した回転の失敗も含まれます。

上の図のように誰でも動作させることができますか? 必要に応じて、コンテナー/ラッパーを自由に追加してください。

Answer 1

あなたのフィドルを更新しました。それがうまくいくことを願っています。