这是我的jsfiddle
注意当您点击旋转时，较大的容器与较小的容器重叠。
这是有问题的，因为我试图创建各种图片库，您可以点击旋转和放大图像。这不是一个问题，但有些图像非常长而且很瘦。我更喜欢旋转的div是要按下它下面的div，而不是重叠。
任何想法？
答案 0 :(得分：2)
好的，所以蓝色永远不应该碰到红色。这是一个使用保证金来放弃蓝人的例子：http://jsfiddle.net/WLJUC/27/
我不知道你的照片的细节，以获得完美的例子，但一般来说你可以通过JS检查旋转，然后使用蓝色div上的边距将其减少一定量。 （在某些过渡中只是为了更好地将其可视化）
（旧的，无用的答案）你有一个z-index的标签，但你没有在你的例子中使用它。应用相对于两者的位置，z-index：0到红色和z-index：1到蓝色将停止我的快速测试的重叠：http://jsfiddle.net/WLJUC/10/