これが私のjsfiddleです
クリックして回転させると、大きいコンテナが小さいコンテナに重なることに注目してください。
クリックして画像を回転および拡大できるような画像ギャラリーを作成しようとしているため、これは問題です。これは問題にはなりませんが、一部の画像は非常に長くて細いものです。回転した div がその下の div を押し下げ、重ならないようにしたいと思います。
何か案は?
これが私のjsfiddleです
クリックして回転させると、大きいコンテナが小さいコンテナに重なることに注目してください。
クリックして画像を回転および拡大できるような画像ギャラリーを作成しようとしているため、これは問題です。これは問題にはなりませんが、一部の画像は非常に長くて細いものです。回転した div がその下の div を押し下げ、重ならないようにしたいと思います。
何か案は?
わかりましたので、青は決して赤に触れてはいけません。マージンを使用して青い男をドロップする例を次に示します: http://jsfiddle.net/WLJUC/27/
例を完璧にするための写真の詳細はわかりませんが、一般的にはJSを介して回転を確認し、青いdivのマージンを使用して一定量下げることができます. (もう少し視覚化するために、いくつかのトランジションを投げました)
(古い、役に立たない答え)z-indexのタグがありますが、例では使用していません。z-index: 0 を赤に、 z-index: 1 を青に、両方に相対的な位置を適用すると、私のクイック テストからのオーバーラップが停止します: http://jsfiddle.net/WLJUC/10/