Jquery 如何绕过容器元素的宽度限制

我有一个宽度为500px的div容器

在这个div元素中有几个图像

我已经为这些图像编写了jQuery代码，因此当用户单击图像时，它会显示图像的大版本。这个大版本必须用一个div来包装。现在，由于其父容器的原因，这个div的宽度不能超过500px。我需要至少1200像素的宽度。如何克服这个问题

---

提前感谢

您需要定位您的子div元素，以便它从父元素“转义”

HTML

---

您不必为此使用

position:absolute

宽度为100%的子元素将填充父元素的整个宽度。给它一个更大的宽度，例如

width300%

，允许它通过其父对象进行扩展。要使其居中，您可以使用等于增加宽度50%的负

左边距
（或简单地使用
左边距
）值将其推到左边

.
你能告诉我们你写了什么吗？是否使用lightbox、colorbox等插件，一个选项？尝试定位：固定或绝对，适用于你的大版本…不，我没有使用任何插件。这都是简单的jquery和简单的div，我很高兴能帮上忙。享受
<div id="parent">
    Parent
    <div id="child">Child</div>
</div>

#parent {
width:100px;
height:100px;
background-color:blue;}

#child {
position:absolute;
width:200px;
height:200px;
top:100px;
left:20px;
background-color:red;}