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;。