CSS-旋转分度-90度-齐平

我有一个包含文本的容器，旁边还有一个容器（右浮动）。此div应重新设置为-90度，并带有标题文本

如何旋转此div使其与另一个div齐平

就像照片上一样。问题是我不能使用transform origin:right top，因为“起点”不应该是right top，而是变量，因为文本可以更小或更长。

---

您可能必须使用

转换原点

，但这取决于HTML的结构。如果没有您这边的任何代码，这可能是最接近您所寻找的：

使用绝对定位将标题文本放置在右上角，并具有匹配的边距（与容器上所需的填充匹配），然后使用

变换原点：右上

大概是这样的：

#caption {
    position: absolute;
    top: 0px;
    right: 32px;    
    -webkit-transform: rotate(270deg);
    -webkit-transform-origin: top right;
}

容器的位置是相对的