html - 如何阻止 div 占用空间？

Question

我正在用 ajax 进度条和其他东西做一些事情......

基本上我有一个隐藏的 div，里面写着“正在加载”，在它下面有一个可见的 div，里面有我的内容。

加载时，它淡出内容 div，使隐藏的 div 可见，并通过 javascript/相对定位将其移动到内容的中间。

它看起来很糟糕，但不幸的是，当 div 可见时，即使它相对定位，它也会占用一条线，所以我的内容会向下移动。

你知道我怎样才能阻止它在可见时占用空间吗？

编辑:有人似乎删除了标签

loading div 开始不显示，所以它不占用空间，然后当它可见时，它开始占用空间，即使它是相对定位的。

我可以使用可见和不可见，但它会一直强制关闭我的内容窗口。

看起来绝对定位是可行的方法。

我想做的是结合绝对定位和相对定位。我正在尝试获取内容 div 的绝对坐标并以此方式设置其位置，但还没有成功。

编辑:我刚刚重新阅读了您的回答，而您正是这样做的。谢谢!

Answer 1

"Do you know how I can stop it from taking up space when it is made visible?"

绝对定位。

div#theParent {
  position:relative;
  height:200px;
  width:640px;
  top:50px;
  left:50px;
}
div#theChild {
  position:absolute;
  height:100px;
  width:400px; 
  top:50px;
  left:120px;
}

<div id="theParent">
  <div id="theChild">
    <p>This div is absolutely positioned to a relatively-positioned parent.</p>
  </div>
</div>