div中的填充頂部問題

Question

我有一個div，由於某種原因，即使div中沒有​​任何內容，頁面上也會有常規滾動條。 div設置爲100％高度和溢出：auto，但即使沒有內容，滾動條仍然會出現。

要測試的東西，我把div樣式如下：

padding-top:500px 

它的所作所爲是離開從頂部500px的空間，然後顯示我有文本，但之後的空間相同量也是。

因此，它是這樣的：

|  | 
| 500px | 
|  | 
| xxx | 
|  | 
|  | -> See that extra space after the content? 
|_______| 

請幫

---

這裏是示例代碼： http://jsfiddle.net/Saq4T/

Answer 1

Padding被添加到整體高度，不包括在其中。閱讀關於box model。

因此，100％高度和500px填充的div確實是100％+ 500px高。

如果您仍想要填充但不想滾動條，請添加margin-bottom:-500px;。