CSS 100％高度問題

我正在研究一個新的模板，我有100％的高度問題，嘗試過各種樣式組合，但無法使其工作。 Here is the link，淡米色區域應該延伸到左邊內容的結尾以下，但不是。什麼搞亂了我的佈局？這可能是一個清算問題，但如何&在哪裏？謝謝。CSS 100％高度問題

2011-09-23 bikey77

那麼，你的代碼寫得不好。首先刪除'鏈接'重複。它們只能在'head'標籤中使用。其次，不要使用'height：100％'。結構應該重寫。要麼使用內容包裝器的背景圖像來可視化圖形邊界，要麼使用基於表格的佈局太難。 – avall

除了多重鏈接（這是故意完成的，直到完成所有樣式，現在移除以便於您調試）當您說代碼寫得不好時，您指的是哪些區域？ – bikey77

@ bikey11 - 沒有冒犯，真的。我指的是幾件事情：你試圖打印左右圖形邊框的方式，'#page {display：inline}'，'＃wrapper-left'在px中的寬度，但'＃page'中的％，不必要'

' （沒有任何CSS），沒有包裝整個標題來簡化它下面的定位元素。 – avall

這是因爲100％是相對於視口，你希望它是相對於文檔。你需要添加一個元素並清除：在頁面的div之後，並移除高度：100％

2011-09-23 11:57:31

什麼元素（在我的頁面上）我應該刪除高度：100％？我已經在幾個地方宣佈了它。另外，如果我在模板的末尾放置一個空的div，並顯示：block;明確：兩者;那會工作嗎？ – bikey77

確定首先，樣式表有四個聲明，它們只需要在頭部中出現一次的頁面。

我建議你做一個整體的div佈局方法是用1像素彩色邊框勾勒出你想要的容器，然後，使用firebug和firefox，你可以調整設計到你想要的動態，看看它是如何行爲方式。

一旦你完成了它，細化它並添加你的圖像。

2011-09-23 12:01:14 user466764

是的，我知道，這只是因爲我在包含模板的所有文件中聲明瞭樣式表，一旦我完成了樣式，我將它們刪除。 – bikey77

回答