html - 如何让div不占空间？

Question

我有以下内容。

如果您看到，“asdasdasd”文本不在 div 顶部附近。我有一个 div，里面有两个 div

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

header div 有一个固定的高度，这个背景图片。

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

我试着用 margin-bottom: -Ypx; 把它拉起来但我认为这是一个丑陋的修复。我找不到适合我的东西。

有人可以帮忙(:?

Answer 1

是的，您可以使用 position:absolute 来排除 div header ，您需要以下属性:

#widget {
  position:relative;
}

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

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

_{绝对定位到他容器的左上角}