CSS Padding在<h1>标签上移动超过1个像素

Question

我无法弄清楚为什么padding-top: 0px要padding-top: 1px;移动<h1>元素超过1个像素.将其进一步增加,例如2像素,将具有预期的结果.

CSS

.pageholder {
    padding: 15px;
    padding-top: 0px;
    //padding-top: 1px;
    background-color: white;
}

HTML

<div id="content">
    <div class="pageholder">
            <h1>Add item link</h1>
    </div>
</div>

... aaand最后,问题的一个方面:http://jsfiddle.net/xbAqC/

(删除//以查看差异)

Answer 1

内部div上的填充可防止边缘崩溃.当填充不存在时,默认的上边距会与边距<h1>折叠<body>.填充防止这种情况.

您可以通过删除<body>边距来查看差异:http://jsfiddle.net/xbAqC/2/