我遇到一个问题,其中将<body>元素下推,从而创建了不必要的滚动条,该滚动条等于margin-top元素的<header>的高度,除非我将填充或边框应用于其子包装div。

该代码可在此JSFiddle上获得。

最佳答案

这是预期的行为。这是由于“利润暴跌”。

以下是可供阅读的资源清单:Why is padding to a wrapper div looks different the margin to an inner div?

在您的情况下,最简单的解决方法可能是将overflow: hidden添加到包装器中:

http://jsfiddle.net/thirtydot/wgdMF/5/

#land-wrapper {
    overflow: hidden;
}

10-05 20:54
查看更多