Jquery 将div放置在表单中的另一个元素之后

您好，我想在表单中的文件集后放置Absolute一个div，但是表单有另一个容器元素，fieldst的高度不是固定的，它是由其中的内容更改的。 我用jQuery做了这个，但它不起作用。哦，我不能把div放在表单中，因为该div包含另一个表单

<script>
  $(function(){
  var heightOfform = document.getElementById("form").scrollHeight;
  var heightOffsomethingafter = document.getElementById("somethingafter").scrollHeight;
  document.getElementById("divtoposition").css('top', (heightOfform-heightOffsomethingafter)+'px');
  });
</script>
<style>
#all {position:relative;}
#divtoposition {position:absolute;}
</style>
<div id="all">
<div id="divtoposition"><form></form></div>
<div id="formcontainer">
  <form id="form">
    <fieldset id="afterthis"></fieldset>
    <div id="somethingafter"></div>
  </form>
</div>
</div>

$（函数（）{
var heightOfform=document.getElementById（“表单”）.scrollHeight；
var heightOffsomethingafter=document.getElementById（“somethingafter”）.scrollHeight；
document.getElementById（“divtoposition”）.css（'top'，（heightoffformheightoffomethingafter）+'px'）；
});
#所有{位置：相对；}
#分区位置{位置：绝对；}

我认为答案很复杂，但你能解释一下为什么你想定位的部门有表格吗？它有什么作用？可以用另一种方法吗？你不能把一张表格放在一张表格里，这样它就不存在了。您可以将DivToPosition的顶部设置为100px，然后让jquery获取字段集的高度。如果字段集的高度是150px，那么Js可以将150添加到100，现在DivToPosition的高度是250px

 <script>
$(function(){
var divtopositionTop = 100,
fieldsetHeight = $('#afterthis').height();
   $('#divtoposition').css('top', divtopositionTop+fieldsetHeight+'px');
})
</script>

$（函数（）{
var DivTopositop=100，
fieldsetHeight=$（“#在此之后”）.height（）；
$（'#divtoposition'）.css（'top'，divtopositionTop+fieldsetHeight+'px'）；
})

---

这只是一个可以做到的例子。必须在doc ready上完成，以便设置高度。但是，这可能会导致元素在应用样式时从一个位置移动到另一个位置的快速位置更改。

您是否可以将

#某物放在
#表单
下面，然后将
#divtoposition
放在
#表单
和
#某物
之间？如果没有，您能解释一下为什么需要这种格式吗？divtoposition中的表单是一个登录框，而另一个表单是一个订单表单，但正如我所说的，字段集高度随其中的内容而变化。但实际上，我的代码工作只是将document.getElementById（“divtoposition”）更改为$（“#divtoposition”）现在它可以工作了，但是div超过了“somethingafter”，即使我为“somethingafter”或“form”设置了一个边距，我可以将-Xpx设置为最高位置，但我不知道这是否会对所有分辨率或任何内容高度起作用。