html - CSS控件尺寸/旋转文本的位置

我有一个HTML代码

<div class="fl">
<div class="titleTextV">My ABC</div>
</div>

现在我已经应用CSS来旋转文本作为；

.titleTextV{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    font-size:1.3em;
    background:#999;
    height:100%;
}

我希望这个titleTextV类跨越它的整个高度
容器100%，没有px值并且被定位在里面，但是当前文本正在移出框。

最佳答案

如果您使用jQuery，请尝试以下操作：

$('.fl').height($('.titleTextV').width());

并将display: inline-block;添加到您的titleTextV类中。
Live example在jsFiddle：