rotate之后的left,top设置

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

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

image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 各种纯css图标 CSS3可以实现很多漂亮的图形,我收集了32种图形,在下面列出。直接用CSS3画出这些图形,要比...
    剑残阅读 13,240评论 0 8
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 6,831评论 0 11
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 5,780评论 0 2
  • 我惊讶于我们家今年的端午节居然不是在吃粽子中度过,而是,一包一包的奥利奥。我不打算把这归纳为传统的遗失,毕竟...
    就荒202阅读 2,394评论 2 1
  • 纷纷乱世,干戈四起,群雄逐鹿,剑指江山。 长亭外,古道边,男的一身盔甲手握长枪鲜红如妖般的枪樱上散发出淡淡的血腥味...
    序小木阅读 3,878评论 4 5