div定位問題

Question

有這樣的內容： 替代文字http://img718.imageshack.us/img718/9625/88827634.png

可以，但是我想在內容頂部添加一些標題欄。

看起來像這樣： 替代文字http://img824.imageshack.us/img824/9541/31597153.png

我不知道標題高度是多少，因為會有一些動態內容。

如何解決這個問題呢？

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都定位為絕對位置。 我假設您已經有了所有測量值，就像在第一張圖紙中一樣。