如何阻止div占用空间？

Question

我正在做ajax进度条和东西......

基本上我有一个隐藏的div,在其中显示"正在加载",在它下面我有一个可见的div与我的内容.

当它加载时,它会淡化内容div,使隐藏的div可见,并通过javascript /相对定位将其移动到内容的中间.

它看起来很糟糕,但不幸的是,当div显而易见时,即使它相对定位,它占用了一条线,所以我的内容向下移动.

你知道如何让它在可见时占用空间吗？

编辑:有人删除了标签

加载div开始显示无,因此它不占用空间,然后当它可见时,它开始占用空间,即使它相对定位.

我可以使用可见和不可见,但它会一直强制我的内容窗口.

看起来绝对定位是要走的路.

我想要做的是结合绝对和相对定位.我试图获取内容div的绝对坐标并设置其位置,但尚未成功.

编辑:我只是重新阅读你的答案,你已经完成了.谢谢!

Answer 1

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

绝对定位.

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>

Answer 2

当你想让它变得不可见时,让它真的不可见style="display:none".有很多方法可以做到这一点...不确定你如何设置这个或者你如何改变你的dom元素.提供更多上下文(使用Ajax控件,自定义JavaScript,jQuery等库),我们可以为您提供更具体的解决方案.