Javascript 我有一个html容器，它有绝对位置，但我想使它相对于包装div的位置

我有一大堆内容：

问题是我可以做到以下几点：

$("*").each(function(){
    if( $(this).css("position") == 'absolute'){
        $(this).css("position","");
    }
});
$("div.container").css("position", "absolute");

一切都会呈现它应该呈现的样子。。。但这并不意味着我可以包装内容并移动它

我的目标是复制该内容块并以可重复的方式将其放入表中，但绝对定位不允许这样做

如果我将最后一行替换为：

$("div.container").css("position","relative");

看起来都歪了

---

我错过什么了吗？我在想一切都应该正常工作。

伙计。。。不，你怎么能认为我们要调试那堆HTML呢？缩进它并分离CSS。另外，尽可能使用CSS，不要再使用宽度和高度属性，等等。这个div应该相对于它的容器定位在哪里？死点、左上右上等？它的容器的宽度有固定的尺寸还是有响应？@MaxArt这就是我从表单中获取的输入。这就是数据在检索时的情况。这就是为什么我不想把它分开。不过，幸运的是，JSFIDLE有一个整洁的按钮，我可以使用，它将缩进所有的按钮以便于使用。@Michael，该内容将被放入div$.append$输入中；然后，它将以这样一种方式被附加到表中，它会一次又一次地复制表单。现在，使用absolute时，它们都位于彼此的顶部。@MaxArt每个项目都有不同的样式位置，并由自动工具渲染。这就是为什么它们是内联的，因为即使我标记所有的div，css文件也同样大。