div内のパディングトップの問題

Question

divがあり、何らかの理由でdivに何もないのにページに通常のスクロールバーがあります。 divは100％の高さとオーバーフロー：autoに設定されていますが、スクロールバーは内容がなくても表示されます。何かをテストする

、私はdivのスタイルに次のように置く：それが何をしたか

padding-top:500px 

が上からその500pxなどのスペースを残して、私が持っていたテキストを表示したが、その後スペースの同じ量でしたそこにも。

だから、このようなものだった：HERE

---

を助けてください

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

サンプル・コードです： http://jsfiddle.net/Saq4T/

Answer 1

Paddingは、全体の高さにはいないの追加されましたそれに含まれています。 box modelについて読む

したがって、高さが100％で500pxのパッドが実際には100％+ 500pxの高さです。

パディングをしたいがスクロールバーを必要としない場合は、margin-bottom:-500px;を追加します。