html - div定位的问题

Question

A 有这样的东西: alt text http://img718.imageshack.us/img718/9625/88827634.png

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

所以它可以看起来像这样: alt text http://img824.imageshack.us/img824/9541/31597153.png

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

如何解决这个问题？

Answer 1

为什么要将所有 div 定位为绝对值？

无论如何你可以用2个div包裹Title和Content，外层div必须是绝对的，内层div是相对的，你可以在你的Title和Content中放置一个绝对定位

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

找出标题和内容的顶部和左侧，因为它不会超出绘图的绿色和蓝色之外。

我将绝对定位在最外层的 div 中，因为您将所有 div 定位为绝对定位。我假设您已经有了所有的测量值，就像在您的第一张图中一样。