Css 垂直方向文本（写入模式：lr bt）。位置随文本长度而变化

要垂直放置动态文本，但文本长度会改变文本的位置，下面是代码段，添加更多文本会改变位置，请尝试此操作

css

---

我想你是想做这样的事。注：无需添加设置的高度/宽度，因为

平移

和

变换原点

值将动态调整定位

CSS

#rotate {
    position:fixed; 
    -webkit-transform:  rotate(270deg);
    -moz-transform:  rotate(270deg);
    -o-transform:  rotate(270deg);
    height:300px;
    background-color:#e1e1e1;
    margin-top:0px;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#rotate {
    position:fixed;

    transform:  rotate(-90deg) translateX(-100%);
    transform-origin:left top;

    background-color:#e1e1e1;     
}