div定位的问题

Question

A 有类似的东西： 替代文本 http://img718.imageshack.us/img718/9625/88827634.png< /a>

没关系，但我想在内容顶部添加一些标题块。

所以它可以看起来像这样： 替代文本 http://img824.imageshack.us/img824/9541/31597153.png< /a>

我不知道标题高度是多少，因为会有一些动态内容。

如何解决这个问题呢？

Answer 1

为什么你把所有的div都放在绝对位置？

无论如何，您可以用 2 个 div 包裹标题和内容，外部 div 必须是绝对的，内部 div 是相对的，并且您可以在标题和内容

<div style="position:absolute">
  <div style="position:relative">
      <div style="position:absolute">Title</div>
      <div style="position:absolute">Content</div>
  </div>
</div>

图中将绝对定位放在标题和内容的顶部和左侧，因为它不会超出你绘图的绿色和蓝色。

我将最外面的 div 绝对定位，因为你将所有 div 都绝对定位。我假设您已经有了所有尺寸，就像您的第一张图中一样。