Html 变换随位置旋转：相对

我有这个css：

@media (min-width: 768px). 
{.art1{position:relative; 
bottom: 600px; left: 
1000px;transform: 
rotate(190deg);}} 

这个html：

<div class="art1">Art</div>

艺术

问题是，在桌面上，使用

transform:rotate正在将元素从页面的某个位置发送出去。一旦我摆脱
变换：旋转
元素就会回到原来的位置。请参见桌面中的尝试设置
左：0

最可能的情况是，元素旋转后的left属性表示底部，因此您正在将元素移动到显示上方。这是因为元素是用left属性旋转的
 可能是因为它有100%的宽度，并且围绕中心旋转，中心向右移动1000像素。如果您将
边框：1px纯红
添加到
.art1
，您可以控制该行为。添加时看不到任何内容…结果如何？您还可以在css中使用
变换原点
，以拾取旋转点。