Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
我有一个div在容器内旋转的。我无法将旋转div“粘”到容器的最左侧。请看这个小提琴,看看我的意思。
div
您需要将transform-origin(-webkit-transform-origin等) 设置为top left,并translateX(-100px)在旋转后添加 ( 像这样:transform: rotate(-90deg) translateX(-100px))。否则,您将围绕中心点旋转(在旋转的元素上设置背景,您会看到)。
transform-origin
-webkit-transform-origin
top left
translateX(-100px)
transform: rotate(-90deg) translateX(-100px)
旁注,确保过滤器未在 IE9 中应用(使用条件注释),否则两者都会应用,结果是一个黑框。
更新的小提琴