JQuery / Javascript通过浏览器缩放保持Absolutely Positioned div到位

Question

查看this layout,我想使用jQuery / Javascript将Red Box放在左侧小蓝盒下的灰色容器中，无论是放大还是放大任何浏览器。

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

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

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

Answer 1

使用css规则克隆外包装div但没有背景并将其放在原始位置（位置：绝对值，z-index：1）。把Red Box放在里面并将它放在相对位置。