div旋转后如何固定位置

Question

使用

-webkit-transform: rotate(90deg);

旋转后位置怎么确定。
我发现，div是先确定了位置，然后以中心为原点旋转了90度，这样之前的位置就会发生变化。
如何能在旋转后再确定位置和宽高。

Answer 1

transform 有个子属性叫做 transform-origin 可以确定旋转的中心点。