如何让div不占用空间？

Question

我有以下内容。

如果你看到，“asdasdasd”文本不在div的顶部附近。

中有一个div有两个div

<div id="widget">
<div id="header"> </div> 
<div id="content"> </div>
</div>

标题div有一个固定的高度，这个背景图像

如果你看到红色的东西，那么背景的一部分让我需要div更大，但它会移动内容div。

我试图使用margin-bottom来提升它：-Ypx;但我认为这是一个丑陋的解决方案。我找不到适合我的东西。

有人可以帮忙（：？

Answer 1

是的，您可以使用position:absolute来保留您需要此属性的div标头：

#widget {
  position:relative;
}

_{使父亲相对，那样标题的绝对位置将相对于此容器}

#header {
  position:absolute;
  top:0;
  left:0;
}

_{将绝对位置放在容器左上角}