【发布时间】：2012-04-06 16:11:50
【问题描述】：
我创建了一个 jsFiddle here 来说明我的代码问题（双击粉红色元素并尝试拖动到蓝色框外，再次双击并比较结果）。
问题：
当我在带有约束的可拖动元素上旋转 CSS 时，约束无法按预期工作。可拖动元素可以部分拖动到容器外。我的猜测是它与 CSS 旋转的工作方式有关，但我不确定。
有什么办法可以解决这个问题吗？
【问题讨论】：
【发布时间】：2012-04-06 16:11:50
【问题描述】：
似乎在 css 中应用旋转不会改变标签的宽度和高度。这就是为什么您可以将 div 移到外面的原因，因为对于浏览器来说，标签的大小（然后是限制）保持不变。您只需检查 div 即可看到这一点。
如果您知道宽度和高度，您可以手动设置它或在每次切换 css 类时动态计算它。
See this post similar to your question.
编辑
我找到了一个解决方案来做你想做的事。诀窍是使用容器 div 作为可拖动项目，并管理子 div 中的旋转。然后你需要调整孩子的顶部/左侧属性。 我没有寻找更好的公式，只是应用了固定值。但这只是看看它是否有效。
希望对你有所帮助。
【讨论】：
-
旋转似乎很特别，因为当我再次尝试代码并进行一些更新以计算新的宽度和高度时，它仍然没有按预期工作：jsfiddle.net/Sp6qa/1
-
我找到了一个可行的解决方案（也许不是最好的）。检查我的编辑并告诉我是否符合您的需求。
-
目前看来是最好的解决方案！
-
这个解决方案太棒了。我正在旋转带有控制图标的包装元素。我只是将其更改为旋转内部元素而不是包装元素。所以现在我的图标也很好，拖动也没有坏掉。 （当元素旋转时，拖动会计算错误的中心位置）