div定位的问题

时间:2010-07-08 09:52:41

标签: html css css-position

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

没关系,但我想在内容的顶部添加一些标题栏。

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

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

如何解决这个问题?

1 个答案:

答案 0 :(得分: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放在绝对位置。我假设您已经完成了所有测量,就像在第一张图中一样。