JQuery/Javascript 通过浏览器缩放保持绝对定位的 div

Question

看着this layout,我想用jQuery/Javascript把红框放在左边小蓝框下面的灰色容器里，不管用任何浏览器放大还是缩小。

我试图通过不将 redbox #badplacement div 放在 Gray Container 的 #outerwrapper div 中来实现这一点。知道如何实现吗？

（首先，我将 #badplacement css 向左更改为 243px，在正常浏览器缩放级别上，它位于小蓝框下方。）

小提琴：http://jsfiddle.net/Q56up/

Answer 1

克隆带有 css 规则但没有背景的外包装 div，并将其放在原始的（位置：绝对，z-index：1）上。将 Red Box 放入其中并相对定位。