Home/ Questions/Q 6926367
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T10:54:34+00:00

I have a div and for some reason there are regular scrollbars on the

  • 0

I have a div and for some reason there are regular scrollbars on the page even though there is nothing in the div. The div is set to 100% height and overflow:auto but the scrollbars still appear even when there is no content.

To test something, I put the following in the div style:

padding-top:500px

What it did was leave that 500px space from top and then display the text I had but after that the same amount of space was there too.

So it was something like this:

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

Please help

HERE IS SAMPLE CODE:
http://jsfiddle.net/Saq4T/

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Padding is added on to the overall height, not included in it. Read about the box model.

    Therefore, a div with 100% height and 500px padding really 100% + 500px tall.

    Add margin-bottom:-500px; if you still want padding but don’t want the scrollbar.

    • 0