rotate之后的left,top设置

在div经过了transform: rotate(#deg)之后, 本自作聪明, 考虑宽高的差, 所以在设置leftright的时候手动补上这个差.
结果证明, 自作聪明的菜了坑.

原来, 浏览器会自动帮我们处理旋转之后的的宽高差, 自动在我们设置的left和top的基础上补上这个宽高差, 所以, 对于用户而言, 即使旋转之后, 也当做没有旋转的时候一样设置left,top就可以了.

image.png

你可能感兴趣的:(rotate之后的left,top设置)