使用CSS控制高度

我開發一個網站，在我的頁面中，每個HTML元素結束後，當我向下滾動時，它們是一個額外的垂直高度。它使我的頁面看起來很糟糕。我希望滾動能夠達到我寫的最後一個div。有什麼我可以做的，以解決它？使用CSS控制高度

編輯：

這裏的鏈接http://pebam.info/projects/careermanipur.com/ 我嘗試檢查出使用Firebug，但我無法弄清楚。

在頁腳部分，我希望垂直空白消失，以便頁面以灰色部分結束。

2010-09-13 ptamzz

任何機會，你試圖讓你的頁面高度100％的瀏覽器窗口使用CSS？ – Moses 2010-09-13 15:44:37

nope。我在談論整個網頁的高度。 – ptamzz 2010-09-13 17:13:07

您的頁腳標記有一個頂部：-50px。這就是底部的白色空間來自哪裏 - 箱子正在向上移動50個像素，但它的空間正在被保留。

您需要重新設計佈局以消除將所有內容向上移動50個像素的方式。

2010-09-14 12:18:42 Spudley

這可能是對身體標記默認保證金，就可以零說出來這種風格：

體{保證金：0像素;填充：0像素; }

你能發佈一個鏈接到網站，以便我可以檢查嗎？

另一種可能性是，如果代碼中有空白，某些元素將導致尾隨空白。

因此，尋找在那裏你有這樣的地方：

<div> 
<a href="#foo">some random link</a> 
</div>

，並轉換爲（識別問題的目的，您可以重新格式化/縮進以後當你確定是哪裏的問題）：

<div><a href="#foo">somerandomlink</a></div>

另外，還要確保你不要有任何自閉的div

此外，您使用的是什麼樣的DOCTYPE？

2010-09-13 14:59:12 David

好吧，它在本地主機，所以我不能顯示你的現場。我試圖把這條線體{margin：0px;填充：0像素; }但仍然是一樣的。 – ptamzz 2010-09-13 15:05:55

我已經使用了一個web開發工具，看到divs，elements等輪廓，但沒有那麼遠......我想說的是，我不認爲我已經爲HTML元素聲明瞭一些不可見的自定義高度。 – ptamzz 2010-09-13 15:07:40

此外，我會嘗試清零'DIV'並使用FireBug for firefox在運行時查看您的CSS /屬性。 – Jakub 2010-09-13 15:40:15

不知道源代碼，我只是想告訴你所有的通用響應，並希望能爲你工作。

<DOCTYPE html>有DOCTYPE

body {margin:0; padding:0;} 復位保證金/填充聲明上的所有元素

p {line-height:1.1em;}尾隨空格您的頁面可能是你的元素的行高？

如果這些建議都不起作用，請下載Mozilla Firefox瀏覽器，安裝Firebug插件，在您的網頁中打開它，並使用inspect元素（ctrl + shift + c）功能來檢查問題元素。一旦你點擊一個元素，你可以查看它的風格，佈局和Firebug的計算值。這幾乎可以保證向您顯示錯誤的位置。

2010-09-13 15:41:46 Moses

回答