旋转元素的绝对定位到左上角[重复]

Question

我不知道如何使用绝对位置将旋转的元素定位到（身体的）左上角。我只是在这里做了一个小例子：

<div>Hello world</div>

还有一个 CSS：

    div {
         font-size: 10px;
         transform: rotate(90deg);
         position: absolute;
         top: 0;
         left: 0;
     }

但它从屏幕上消失了。我不知道为什么... 感谢您的帮助！

Answer 1

div {
    width: 100px;
    height: 100px;
    background: #5533FF;
    color: white;
    transform: rotate(90deg);
    position: absolute;
    top: 0;
    left: 0;
 }

<div>Hello world</div>

我已经为您的 div 添加了宽度和高度，现在它对我来说看起来非常好。 如果还有什么，请告诉我。